El line-break La propiedad CSS establece cómo dividir líneas de texto en chino, japonés o coreano (CJK) cuando se trabaja con signos de puntuación y símbolos.

/* Keyword values */line-break: auto;line-break: loose;line-break: normal;line-break: strict;line-break: anywhere;/* Global values */line-break: inherit;line-break: initial;line-break: unset;

Sintaxis

Valores

auto
Divida el texto usando la regla de salto de línea predeterminada.
loose
Divida el texto utilizando la regla de salto de línea menos restrictiva. Normalmente se utiliza para líneas cortas, como en periódicos.
normal
Divida el texto utilizando la regla de salto de línea más común.
strict
Divida el texto utilizando la regla de salto de línea más estricta.
anywhere

Existe una oportunidad de envoltura suave alrededor de cada unidad de carácter tipográfico, incluso alrededor de cualquier carácter de puntuación o espacios en blanco conservados, o en medio de las palabras, sin tener en cuenta cualquier prohibición contra los saltos de línea, incluso aquellos introducidos por caracteres con el carácter GL, WJ o ZWJ clase o por mandato de la word-break propiedad. No se deben priorizar las diferentes oportunidades de envoltura. No se aplican guiones.

Definicion formal

Valor inicial auto
Se aplica a todos los elementos
Heredado sí
Valor calculado Como se especificó
Tipo de animación discreto

Sintaxis formal

auto | loose | normal | strict | anywhere

Ejemplos de

Configuración del ajuste de texto

Vea si el texto está envuelto antes de “々”, “ぁ” y “。”.

HTML

<divlang="ja"><pclass="wrapbox auto">auto:<br>そこは湖のほとりで木々が輝いていた。<br>その景色に、美しいなぁと思わずつぶやいた。p><pclass="wrapbox loose">loose:<br>そこは湖のほとりで木々が輝いていた。<br>その景色に、美しいなぁと思わずつぶやいた。p><pclass="wrapbox normal">normal:<br>そこは湖のほとりで木々が輝いていた。<br>その景色に、美しいなぁと思わずつぶやいた。p><pclass="wrapbox strict">strict:<br>そこは湖のほとりで木々が輝いていた。<br>その景色に、美しいなぁと思わずつぶやいた。p><pclass="wrapbox anywhere">anywhere:<br>そこは湖のほとりで木々が輝いていた。<br>その景色に、美しいなぁと思わずつぶやいた。p>div>

CSS

.wrapboxwidth: 10em;margin: 0.5em;white-space: normal;vertical-align: top;display: inline-block;.autoline-break: auto;.looseline-break: loose;.normalline-break: normal;.strictline-break: strict;.anywhereline-break: anywhere;

Resultado

Especificaciones

Especificación Estado Comentario
Módulo de texto CSS nivel 3
La definición de “salto de línea” en esa especificación.		 Recomendación candidata Definición inicial

Compatibilidad del navegador

Escritorio Móvil
Cromo Borde Firefox explorador de Internet Ópera Safari WebView Android Chrome Android Firefox para Android Opera Android Safari en IOS Internet de Samsung
line-break 581 14 69 5.58 4515 1132-3 58≤37 5818 No 4314 111 7.01.0