2011-09-02 28 views

Respuesta

9

creo que esta solución le ayudará!

pre { 
    white-space: pre;   /* CSS 2.0 */ 
    white-space: pre-wrap;  /* CSS 2.1 */ 
    white-space: pre-line;  /* CSS 3.0 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    white-space: -moz-pre-wrap; /* Mozilla */ 
    white-space: -hp-pre-wrap; /* HP Printers */ 
    word-wrap: break-word;  /* IE 5+ */ 
} 

http://perishablepress.com/press/2010/06/01/wrapping-content/


// Editar

Se ha aceptado desde hace mucho tiempo ya que esta como la mejor respuesta y se requieren cambios. Vea las respuestas de @benhowdle89 y @ Steve a continuación.

De modo que la compatibilidad actual con el navegador ahora es suficiente para usar word-break para permitir que las palabras se dividan en varias líneas.

word-break: break-all

http://caniuse.com/#feat=word-break

+0

no funciona para Safari ... – GuyFromOverThere

+3

y no funciona en Chrome – GuyFromOverThere

+1

Si bien esto puede responder teóricamente a la pregunta, [sería preferible] (http://meta.stackexchange.com/q/8259) incluir las partes esenciales de la respuesta aquí, y proporcionan el enlace de referencia. Además, puede publicar hasta 30,000 caracteres aquí, por lo que realmente no hay ninguna razón para usar un acortador de URL. –

13
word-break: break-word; 

Esto es lo que quiere

+1

Esto funciona en algunos navegadores, sin embargo, no en IE para mí. 'word-break: break-all' funciona en ambos y parece ser el estándar. – joshuahedlund

30

he usado

word-wrap: break-word; 
word-break: break-all; 
table-layout: fixed; 

la table-layout: fijo fue la clave para hacer que funcione

+10

'word-break: break-all' lo hizo por mí. – Mathias

+0

gracias por la distinción entre 'word-wrap' y' word-break'! – arod

+0

'word-wrap' y' word-break' no son propiedades de CSS 2.1 –

Cuestiones relacionadas