Tipografía
Utilidades para controlar cómo deben dividirse las palabras.
| Clase | Estilos |
|---|---|
hyphens-none | hyphens: none; |
hyphens-manual | hyphens: manual; |
hyphens-auto | hyphens: auto; |
Usa la utilidad hyphens-none para prevenir que las palabras se dividan incluso si se usa la sugerencia de salto de línea ­:
Oficialmente reconocida por el diccionario Duden como la palabra más larga en alemán, Kraftfahrzeughaftpflichtversicherung es una palabra de 36 letras para seguro de responsabilidad civil de vehículos motorizados.
<p class="hyphens-none"> ... Kraftfahrzeug­haftpflichtversicherung es una ...</p>Usa la utilidad hyphens-manual para solo establecer puntos de división donde se usa la sugerencia de salto de línea ­:
Oficialmente reconocida por el diccionario Duden como la palabra más larga en alemán, Kraftfahrzeughaftpflichtversicherung es una palabra de 36 letras para seguro de responsabilidad civil de vehículos motorizados.
<p class="hyphens-manual"> ... Kraftfahrzeug­haftpflichtversicherung es una ...</p>Este es el comportamiento predeterminado del navegador.
Usa la utilidad hyphens-auto para permitir que el navegador elija automáticamente los puntos de división basados en el idioma:
Oficialmente reconocida por el diccionario Duden como la palabra más larga en alemán, Kraftfahrzeughaftpflichtversicherung es una palabra de 36 letras para seguro de responsabilidad civil de vehículos motorizados.
<p class="hyphens-auto" lang="de"> ... Kraftfahrzeughaftpflichtversicherung es una ...</p>La sugerencia de salto de línea ­ será preferida sobre los puntos de división automáticos.
Prefija una utilidad hyphens con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:
<p class="hyphens-none md:hyphens-auto ..."> Lorem ipsum dolor sit amet...</p>Aprende más sobre el uso de variantes en la documentación de variantes.