Tipografía
Utilidades para controlar los saltos de palabra 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 agregar saltos de línea solo en los puntos normales de salto de palabra:
La palabra más larga en cualquiera de los principales diccionarios del idioma inglés 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 agregar saltos de línea siempre que sea necesario, sin intentar preservar palabras completas:
La palabra más larga en cualquiera de los principales diccionarios del idioma inglés 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/coreano (CJK):
抗衡不屈不挠 (kànghéng bùqū bùnáo) 这是一个长词，意思是不畏强暴，奋勇抗争，坚定不移，永不放弃。这个词通常用来描述那些在面对困难和挑战时坚持自己信念的人， 他们克服一切困难，不屈不挠地追求自己的目标。无论遇到多大的挑战，他们都能够坚持到底，不放弃，最终获得胜利。
<p class="break-keep">抗衡不屈不挠...</p>Para texto no CJK, la utilidad break-keep tiene el mismo comportamiento que la utilidad break-normal.
Prefija una utilidad word-break con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:
<p class="break-normal md:break-all ..."> Lorem ipsum dolor sit amet...</p>Aprende más sobre el uso de variantes en la documentación de variantes.