Inline envoltura del texto del hipervínculo en HTML etiqueta de anclaje

Question

estoy tratando de encontrar una manera de permitir que el texto muy largo en un enlace HTML para envolver mientras que contiene el enlace en un rectángulo compacto.

Esencialmente, quiero esto:

 
         with a really, really 
    Here is some text long link that wraps and here is some more text. 
         around in a rectangle 

En lugar de:

 
    Here is some text with a really, really long link that wraps 
    around in a rectangle and here is some more text. 

¿Cómo puedo hacer esto?

Answer 1

Puede hacerlo de esta manera en Firefox - no funciona en IE aunque :(

<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> 

Answer 2

Puede utilizar la propiedad display:inline-block; css en el enlace que le dará exactamente el efecto deseado (Dont se olvide de establecer el ancho :)

pantalla:.. inline-block no es compatible con IE, pero por suerte para que alguien ya ha hecho el trabajo duro y llegar a una solución here

Answer 3

sé que esto es bastante viejo, pero seguía siendo uno de los primeros resultados de búsqueda que vinieron por mí sobre el tema. He encontrado que el uso de:

white-space: pre-wrap; 

obligó al ancla para ajustar el texto alrededor de mis restricciones de ancho

Answer 4

acabé teniendo este problema porque yo estaba usando arranque y fue por defecto establecer esto como una de Es estilos

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

lo que hizo que mantienen las propiedades CSS "ancho" de resolver realmente el problema

Así "palabra-break" y tuve por primera vez para establecer que WH ite-espacio de propiedad a "pre-wrap" en lugar