Ajuste de texto HTML

Aprenderemos cómo envolver texto en HTML en la publicación de hoy.

Ajuste de texto en HTML

Los editores de texto y los procesadores de texto tienen características conocidas como ajuste de texto o flujo de texto. Cuando se llega al lado de la página, permite que el texto del usuario pase a la siguiente línea.

Las palabras largas se pueden dividir y envolver en la siguiente línea gracias al atributo word-wrap.

Sintaxis:

word-wrap: value

Los cuatro valores que admite word-wrap se enumeran a continuación:

1. El valor predeterminado de la propiedad word-wrap es normal, que solo divide las palabras en los lugares permitidos.
2. Las palabras irrompibles se pueden romper gracias al valor break-word.
3. El valor inicial establece esta propiedad en su configuración predeterminada.
4. El valor heredar hereda este atributo de su elemento padre.

Para comprender mejor el concepto anterior, considere el siguiente ejemplo.

<div>
Helloooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo World!
</div>

div {
    width: 350px;
    word-wrap: break-word;
}

El ejemplo anterior imprime la frase hola mundo dentro de un div con 285 caracteres. El word-wrap: break-word; El atributo se usa para dividir automáticamente la palabra en la siguiente línea cuando el ancho en la pantalla supera los 350px.