Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
En CSS, la propiedad white-space se usa para controlar cómo se maneja el espacio en blanco (espacios, tabulaciones y saltos de línea) dentro de un elemento HTML. Permite controlar cómo se envuelve, trunca o muestra el contenido de texto en relación con los espacios y los saltos de línea.
La propiedad white-space puede tomar los siguientes valores:
normal: El texto se muestra con el manejo estándar del espacio en blanco, y cualquier secuencia de espacios en blanco consecutivos se colapsa en un solo espacio.
.normal-spacing {
white-space: normal;
}
nowrap: El texto no se envuelve a la siguiente línea, y las líneas largas se desbordarán del contenedor o serán truncadas.
.no-wrap-text {
white-space: nowrap;
}
pre: El texto se muestra exactamente como está en el código fuente HTML, conservando el espacio en blanco, los saltos de línea y los espacios múltiples.
.preformatted-text {
white-space: pre;
}
pre-line: El texto se muestra con el manejo normal del espacio en blanco, pero se conservan los saltos de línea.
.pre-line-text {
white-space: pre-line;
}
pre-wrap: El texto se muestra con el espacio en blanco y los saltos de línea conservados.
.pre-wrap-text {
white-space: pre-wrap;
}
La propiedad white-space se usa comúnmente para formatear el texto dentro de los elementos HTML, especialmente para mostrar código, texto preformateado u otro contenido que requiere un manejo específico del espacio en blanco. Es una herramienta útil para garantizar que el texto se presente de la manera que mejor se ajuste al diseño y formato deseado de una página web.
Herramientas destacadas
Hub de CódigoSeleccionar idioma
Establecer tema
© 2024 ReadyTools. Todos los derechos reservados.