Propiedad CSS white-space

espacio en blancoes una propiedad CSS que ayuda a controlar cómo se tratan los espacios en blanco y los saltos de línea dentro del texto de un elemento.

La propiedad de espacio en blanco puede tomar estos valores:

• normal: El valor predeterminado. Los espacios en blanco múltiples se fusionan en uno. El texto pasa a la siguiente línea cuando es necesario.
• ahorarap:Se fusionan varios espacios en blanco en uno solo, pero el texto no pasa a la siguiente línea. Ya hemos analizado cómo usar el valor nowrap para evitar saltos de línea.
• pre:Los mismos resultados que al utilizar elpredonde todos los espacios en blanco se mantendrán como están y el texto solo se ajustará cuando haya saltos de línea en el contenido.
• pre-line:Varios espacios en blanco se fusionan en uno, el texto pasa a la siguiente línea cuando es necesario o con saltos de línea en el contenido.
• pre-envoltura:Similar apre, pero el texto también se ajusta cuando es necesario.

espacio en blanco: normal

Pez medusa, pez killi, pez con bandas, blenio convicto, paparda, pez vela, esturión beluga, mul mora de la India, salmón cisco masu, pez gallo, tiburón réquiem, pez lanceta de hocico largo, pez azul, pargo rojo, pez danio gigante de cola partida de Sacramento.

espacio en blanco: nowrap

Pez medusa, pez killi, pez con bandas, blenio convicto, paparda, pez vela, esturión beluga, mul mora de la India, salmón cisco masu, pez gallo, tiburón réquiem, pez lanceta de hocico largo, pez azul, pargo rojo, pez danio gigante de cola partida de Sacramento.

espacio en blanco: pre

Aquí incluí manualmente saltos de línea y espacios adicionales. Observe el salto de línea adicional al principio. Esto se debe a que en el marcado el texto comienza en la línea después delpagelemento.

Pez medusa, pez killi, pez con bandas, blenio convicto, paparda, pez vela, esturión beluga, mul mora de la India, salmón, pez gallo, tiburón réquiem, pez lanceta de hocico largo, pez azul, pez rojo

pargo Sacramento gigante de cola dividida danio.

pre-line

Aquí el texto se divide cuando es necesario, pero también dividí manualmente las últimas palabras. Incluí los mismos espacios en blanco adicionales, pero ahora están contraídos.

Pez medusa, pez killi, pez con bandas, blenio convicto, paparda, pez vela, esturión beluga, mul mora de la India, salmón cisco masu, pez gallo, tiburón réquiem, pez lanceta de hocico largo, pez azul, pargo rojo, pez danio gigante de cola partida de Sacramento.

pre-envoltura

Ahora los espacios adicionales no están contraídos.

Pez medusa, pez killi, pez con bandas, blenio convicto, paparda, pez vela, esturión beluga, mul mora de la India, salmón cisco masu, pez gallo, tiburón réquiem, pez lanceta de hocico largo, pez azul, pargo rojo, pez danio gigante de cola partida de Sacramento.