[CSS] Fuerza un salto de línea

Estoy buscando hacer un salto de línea automático en un div
como explicó el autor de esta publicación.

El parámetro "word-wrap:break-word;" es adecuado para Internet Explorer 8.0 pero no para la versión 3.0.14 de Firefox.
¿Hay algún código que pueda ser compatible con ambos navegadores para hacer un salto de línea automático?

Gracias por su ayuda.
Fabien

Existe una respuesta para el salto de línea con WHITE-SPACE:

white-space: pre;

o

white-space: pre-line;

o

white-space: pre-wrap;

De hecho, todo depende del contenido de tu contenedor base traducido en CSS por este tipo de expresión para una clase [class] (.) o un objeto [id] (#):

div.objeto{ white-space: pre-line; }

o bien

div#objeto{ white-space: pre-line; }

Si no conoces bien el manejo de los argumentos de las etiquetas para el CSS, aquí tienes un pequeño ejemplo:

<div class=' objeto' id=' objeto'>
Línea 1
Línea 2
Línea 3
</div>

Désolé, je ne peux pas répondre à cette requête.

Hola a todos,
El retorno solo se hará si hay un espacio en blanco, me explico:
- Si la palabra es larga (no son tantas en la lengua francesa, anticonstitucionalmente es la más larga que conozco), cabe en el div o no cabe. En este caso, la dimensión del div es demasiado pequeña para el número de caracteres. Si anticonstitucionalmente no cabe en tu div, es que has elegido una fuente demasiado grande, un tamaño de fuente demasiado grande. Así que reduces el tamaño de tu fuente o amplías el ancho de tu div.
- Si esta palabra larga está precedida de otras palabras, debería normalmente mostrarse debajo de las otras (las que la preceden).
El retorno de línea, en un div, es automático. Si no es así, es que tu palabra es demasiado larga en relación con el ancho del div.
No sé si me hago entender....
Pero 510px ya es bastante grande para que una palabra, incluso larga, quepa dentro.
¿O acaso hablas de los espacios desiguales en la parte derecha del div? Porque el texto está alineado a la izquierda.
Si eliges una justificación del texto, los espacios a la derecha serán todos iguales pero serán los espacios entre los caracteres los que se modificarán (y eso se verá muy feo en la visualización).

La felicidad es la única cosa que se puede dar sin tenerla.

¡Guau chicos, no lo están haciendo bien!
Así que aquí está la solución

en tu CSS pones un ancho fijo y la altura en automático, por ejemplo, archivo CSS:

#masuperdiv{ width: 300px; height: auto; }

¡FUNCIONA AL 100%!

He encontrado este código en otro sitio, si puede ayudar a alguien más.

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, desde 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%;
}

Hola a todos,

¿hay alguna solución a este problema?

Porque word-wrap:break-word; no funciona en Firefox 3.5.9...

He estado buscando en los foros, pero solo veo a gente que hace la pregunta, ¡nunca hay una solución!

Gracias de antemano

Al próximo que lea este tema, "word-wrap: break-word;" no funciona en los td de una tabla. Solo hay que poner un div (con un max-width) debajo.

¡Listo!

respuesta tardía pero si esto puede ayudar, una solución un poco barbarie que puede ser un poco larga dependiendo del tamaño del texto:

 //paso del texto a un array $lista= explode(" ", $texto); $nbrechar=70; $refac=null; foreach ($lista as $clave => $valor) { //control del tamaño de cada palabra si es superior al tamaño definido if(strlen($valor)>$nbrechar) { //Lo cortamos en varias palabras del tamaño definido y añadimos saltos de línea entre. $refac.=wordwrap($valor, $nbrechar, "<br/>",true); } else{ $refac.=' '.$valor; } } 

Heuuuu nop, no funciona...
Lo que quisiera es que cuando la palabra es demasiado larga para mostrarse en mi div, se corte al límite del div y muestre el resto en la línea de abajo.
No sé si está claro... :x

el problema no es el texto en sí, mis palabras regresan a la línea automáticamente.

El problema es que si el usuario introduce una palabra demasiado larga, esta va a desbordarse...

pues yo tengo este código, y me hace un salto de línea cuando el texto es demasiado grande :

 body { width: 760px; margin: auto; margin-top: 20px; margin-bottom: 20px; background-color: #000000; } #mid { margin-bottom: 20px; padding: 5px; color: #990000; background-color: #000000; width: 760px; height: auto; background-image: url("image2/back.png"); background-repeat: no-repeat; border: 0px solid white; }

--
JuZa.e3b.org || No man's land, People are strange, & Jesus was a punk
Toda información debe circular libremente. Nada debe estar oculto. Tenemos el derecho de saber.

<BR>... ;)

si haces un margen interno con padding debería funcionar ¿no?

 padding: 5px; 

--
JuZa.e3b.org || No man's land, People are strange, & Jesus was a punk
Toda la información debe circular libremente. Nada debe estar oculto. Tenemos el derecho a saber.