Inicio

HerramientasBlog

COMPONENTS


Generador de Espacio en Blanco CSS BETA

Configuración

Espacio en Blanco

Clase

Vista previa

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Código

Generador de Espacio en Blanco CSS

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ódigo
Paleta de ColoresNUEVO
Generador de Contraseñas SegurasSelector de ColoresVerificador de Nombres de Usuario en Redes Sociales

Seleccionar idioma

Establecer tema

© 2024 ReadyTools. Todos los derechos reservados.