Tipografía
Utilidades para controlar los saltos de línea de las palabras en un elemento.
| Clase | Estilos |
|---|---|
break-normal | word-break: normal; |
break-all | word-break: break-all; |
break-keep | word-break: keep-all; |
Usa la utilidad break-normal para añadir saltos de línea solo en los puntos normales de separación de palabras:
La palabra más larga en cualquiera de los principales diccionarios de la lengua inglesa es pneumonoultramicroscopicsilicovolcanoconiosis, una palabra que se refiere a una enfermedad pulmonar contraída por la inhalación de partículas de sílice muy finas, específicamente de un volcán; médicamente, es lo mismo que la silicosis.
<p class="break-normal">La palabra más larga en cualquiera de los principales...</p>Usa la utilidad break-all para añadir saltos de línea siempre que sea necesario, sin intentar preservar palabras completas:
La palabra más larga en cualquiera de los principales diccionarios de la lengua inglesa es pneumonoultramicroscopicsilicovolcanoconiosis, una palabra que se refiere a una enfermedad pulmonar contraída por la inhalación de partículas de sílice muy finas, específicamente de un volcán; médicamente, es lo mismo que la silicosis.
<p class="break-all">La palabra más larga en cualquiera de los principales...</p>Usa la utilidad break-keep para evitar que se apliquen saltos de línea al texto en chino, japonés y coreano (CJK):
抗衡不屈不挠 (kànghéng bùqū bùnáo) 这是一个长词，意思是不畏强暴，奋勇抗争，坚定不移，永不放弃。这个词通常用来描述那些在面对困难和挑战时坚持自己信念的人， 他们克服一切困难，不屈不挠地追求自己的目标。无论遇到多大的挑战，他们都能够坚持到底，不放弃，最终获得胜利。
<p class="break-keep">抗衡不屈不挠...</p>Para texto que no es CJK, la utilidad break-keep tiene el mismo comportamiento que la utilidad break-normal.
Antepone a la utilidad word-break el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<p class="break-normal md:break-all ..."> Lorem ipsum dolor sit amet...</p>Obtén más información sobre el uso de variantes en la documentación de variantes.