En CSS, la propiedad white-space
especifica cómo se manejan los espacios en blanco y los saltos de línea en un elemento. Hay varios valores que puedes asignar a esta propiedad, cada uno con un comportamiento diferente:
- normal: Este es el valor predeterminado. Los espacios en blanco y los saltos de línea son colapsados (los espacios múltiples se convierten en uno solo), y el texto se ajusta automáticamente a los límites del contenedor.
- nowrap: Similar a
normal
, pero evita que el texto se ajuste automáticamente a una nueva línea. Esto significa que el texto seguirá en una sola línea, independientemente de la longitud, y puede desbordarse del contenedor. - pre: Este valor conserva los espacios en blanco y los saltos de línea tal como están en el código HTML. El texto no se ajusta automáticamente a una nueva línea, lo que puede llevar a que se desborde del contenedor si es demasiado largo.
- pre-wrap: Combina aspectos de
pre
ynormal
. Conserva los espacios en blanco y los saltos de línea, pero también permite que el texto se ajuste a una nueva línea en los límites del contenedor. - pre-line: Conserva los saltos de línea, pero colapsa los espacios en blanco como
normal
. El texto se ajusta a los límites del contenedor. - break-spaces: Similar a
pre-wrap
, mantiene los espacios en blanco y los saltos de línea y permite ajustes de línea, pero también asegura que los espacios al final de la línea no se colapsen y que los espacios entre palabras se comporten como ennowrap
.
Estos valores proporcionan una flexibilidad considerable para controlar la presentación del texto en las páginas web, permitiéndote elegir cómo se deben manejar los espacios y los saltos de línea en diferentes contextos.
![](https://infogonzalez.com/wp-content/uploads/2023/12/STulCuUUhr0-1024x576.jpg)
![macbook air on grey wooden table](https://infogonzalez.com/wp-content/uploads/2024/01/pexels-photo-67112.jpeg)
Gracias por visitar mi blog de informática, mi nombre es Tomás y soy formador y desarrollador web. Si quiere usted dejarme alguna sugerencia, ayuda o quiere un servicio de formación estoy escuchando ofertas en tomas.gonzalez@infogonzalez.com, en Facebook a https://www.facebook.com/Infogonzalez estoy deseando escucharle. Su duda o sugerencia NO molesta.