Colección de citas famosas - Slogan de motivación - ¿Cómo controla el estilo CSS los saltos de línea forzados?

¿Cómo controla el estilo CSS los saltos de línea forzados?

El método de ajuste de línea forzado del texto CSS utiliza la propiedad de ajuste de línea automático.

De forma predeterminada, si el contenido del texto excede el ancho del bloque div, se producirá un ajuste de línea automático porque el valor predeterminado del atributo de espacio en blanco del bloque div es normal. Pero hay dos situaciones:

1. Si hay una cadena de contenido de texto en el bloque div, se ajustará automáticamente cuando se alcance el límite de ancho del bloque div.

2. Si hay una cadena de letras o números sin espacios en el bloque div, no cambiará, pero desbordará directamente el bloque div. En este momento, debe considerar el ajuste forzado de líneas del texto CSS.

¿Cómo controla el estilo CSS el ajuste forzado de líneas de texto?

En este momento, debe utilizar el atributo de salto de línea automático. Otro atributo, el salto de palabra, también puede resolver el problema del salto de línea, pero su compatibilidad con el navegador no es buena y puede causar otros problemas, por lo que. No se recomienda aquí.

El valor del atributo break-word para el ajuste automático de línea provocará saltos de línea. En términos generales, si una palabra es muy larga y no hay suficiente espacio al final de la línea para acomodar la palabra, se producirá un salto de línea en lugar de truncarse. El valor del atributo de ruptura total de salto de palabra puede truncarse. una palabra.

¿Estilo? tipo="texto/css "

. Primero

{

Ancho: 120 px;

Alto: 60 px

Borde: 1 px? ¿sólido? Azul;

Ajuste automático de palabras: separación de palabras

}

. Segundo

{

Ancho: 120 px;

Alto: 60 px

Borde: 1 px? ¿sólido? Rojo;

Separación de sílabas: ruptura completa;

}