texto - salto de linea html

¿Cómo desactivar el ajuste de palabras en HTML?

Question

Me siento tonto por no poder resolver esto, pero ¿cómo desactivo el ajuste de palabras? La propiedad css word-wrap se puede forzar con break-word , pero no se puede forzar a desactivar (solo se puede dejar con normal valor normal ).

¿Cómo fuerzo el cierre de palabras?

Answer 1

Me pregunto por qué encuentra como solución el "espacio en blanco" con "nowrap" o "pre", no está haciendo el comportamiento correcto: ¡fuerza su texto en una sola línea! El texto debe romper líneas, pero no romper palabras por defecto. Esto se debe a algunos atributos de css: ajuste de texto, ajuste de desbordamiento, salto de palabra y guiones. Así que puedes tener cualquiera de los dos:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

Así que la solución es eliminarlos o anularlos con "unset" o "normal":

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

ACTUALIZACIÓN: proporciono también pruebas con JSfiddle: https://jsfiddle.net/azozp8rr/

Answer 2

Necesitas usar el atributo de white-space CSS.

En particular, white-space: nowrap y white-space: pre son los valores más utilizados. El primero parece ser lo que buscas.

Answer 3

Se agregaron valores específicos de webkit que faltan desde arriba

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */