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
preynormal. 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.
