Типография
Утилиты для управления тем, как слова должны переноситься.
| Class | Styles |
|---|---|
hyphens-none | hyphens: none; |
hyphens-manual | hyphens: manual; |
hyphens-auto | hyphens: auto; |
Используйте утилиту hyphens-none для предотвращения переноса слов, даже если используется предложение переноса строки ­:
Официально признанное словарем Дудена как самое длинное слово в немецком языке, Kraftfahrzeughaftpflichtversicherung это 36-буквенное слово для страхования гражданской ответственности автотранспортных средств.
<p class="hyphens-none"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>Используйте утилиту hyphens-manual для установки точек переноса только там, где используется предложение переноса строки ­:
Официально признанное словарем Дудена как самое длинное слово в немецком языке, Kraftfahrzeughaftpflichtversicherung это 36-буквенное слово для страхования гражданской ответственности автотранспортных средств.
<p class="hyphens-manual"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>Это поведение браузера по умолчанию.
Используйте утилиту hyphens-auto для разрешения браузеру автоматически выбирать точки переноса на основе языка:
Официально признанное словарем Дудена как самое длинное слово в немецком языке, Kraftfahrzeughaftpflichtversicherung это 36-буквенное слово для страхования гражданской ответственности автотранспортных средств.
<p class="hyphens-auto" lang="de"> ... Kraftfahrzeughaftpflichtversicherung is a ...</p>Предложение переноса строки ­ будет предпочтительнее автоматических точек переноса.
Префикс a hyphens утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:
<p class="hyphens-none md:hyphens-auto ..."> Lorem ipsum dolor sit amet...</p>Подробнее об использовании вариантов читайте в документации по вариантам.