Inline habillage de texte du lien hypertexte dans la balise d'ancrage HTML

J'essaie de trouver un moyen pour permettre à très long texte dans un lien HTML pour envelopper tout en contenant le lien dans un rectangle compact.

Essentiellement, ce que je veux c':

 avec un vraiment, vraiment 
Voici un peu de texte long lien qui s'enroule et voici un texte plus. 
autour de dans un rectangle

Au lieu de:

 Voici un peu de texte avec une très, très longue liaison qui s'enroule 
autour de dans un rectangle et voici un texte plus.

Comment puis-je faire cela?

Comment venir souligner ne s'affiche pas dans mon post? Souligner est affiché dans l'aperçu quand je suis en train de monter...
substitué souligne avec des caractères gras pour l'instant
Maintenant, si seulement je pouvais le faire avec un contenu qui n'a pas d'espaces :*(

OriginalL'auteur Tony the Pony | 2009-03-14

  1. 10

    Vous pouvez le faire comme ceci dans Firefox ça ne fonctionne pas sous IE, si 🙁

    <p>Here is some text <a href="#">with a really, really long link that wraps</a> around in a rectangle and here is some more text.


<style type="text/css">

a {display: inline-block; max-width: 100px; vertical-align: middle;}

</style>
    IE FIX: *display: inline; *zoom: 1; a Cloué! 🙂

    OriginalL'auteur Greg

  2. 9

    Je sais que c'est assez vieux, mais il était toujours l'un des premiers résultats d'une recherche qui s'est imposée à moi sur le sujet. J'ai trouvé que l'utilisation de:

    white-space: pre-wrap;

    forcé l'ancre pour faire passer le texte autour de ma largeur de restrictions

    OriginalL'auteur Norrec

  3. 1

    Vous pouvez utiliser display:inline-block; propriété css sur votre lien qui vous donnera exactement l'effet que vous désirez (ne pas oublier de régler la largeur :).

    display:inline-block n'est pas pris en charge dans IE, mais par chance quelqu'un a déjà fait le travail dur et de trouver une solution de contournement ici.

    OriginalL'auteur Darko Z

  4. 1

    J'ai fini par avoir ce problème parce que j'ai été en utilisant bootstrap et il le fut par le paramètre par défaut de ce que l'un de ses styles

    .dropdown-menu > li > a{
    white-space: nowrap;
}

    Qui fait gardé le "word-break" et "largeur" des propriétés css à partir de la résolution du problème

    Donc j'ai d'abord eu pour définir la propriété white-space pour "pre-wrap" au lieu

    OriginalL'auteur Suzie K