Типография
Утилиты для управления тем, как слова должны переноситься.
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>
Подробнее об использовании вариантов читайте в документации по вариантам.