martes, 19 de febrero de 2013

Romper palabras largas con word-wrap CSS3


  word-wrap es una propiedad CSS3 que permite romper palabras demasiado largas que se salen del ancho del contenedor, la palabra cortada o rota pasa a ocupar una nueva línea.


Esta propiedad es compatible con  la mayoría de los navegadores.

word-wrap  -> Para todos los navegadores compatibles.
-moz-word-wrap -> Para versiones más antiguas de Firefox.
-webkit-word-wrap -> Para versiones de crhome y safari
-o-word-wrap -> Para versiones de Opera

word-wrap: normal | break-word; <- Sólo una de las dos opciones

Ejemplo de uso de word-wrap ...


Texto:
Word Wrap:



texto texto texto texto texto texto texto wordwrapwordwrapwordwrapwordwrapwordwrapwordwrap