2012-08-14 14 views
5

Duplicar posibles:
wrapping the text inside div - css¿Cómo hacer texto dentro de una divinidad múltiple?

violín: http://jsfiddle.net/aTFK2/2/

HTML:

<div id="ChannelDescription">ThisIsAVeryLongTextWithoutAnySpacesLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmed</div>​ 

CSS:

#ChannelDescription { 
    width:560px; 
    color:Gray; 
    white-space:normal; 
    font-size:14px; 
}​ 

NOTA: No puedo cambiar el ancho a cualquier otro valor. Tampoco puedo usar puntos de ruptura. Estoy buscando una solución pura de CSS2.

+2

Escribir el ajuste de palabras: palabra de ruptura – sandeep

+0

Es una propiedad de CSS3. –

+0

Funciona hasta que IE7 compruebe esto http://caniuse.com/#search=word-wrap – sandeep

Respuesta

17

word-wrap: break-word; resolverá el problema.

Cuestiones relacionadas