Typography
用於控制單字連字號處理方式的通用類別。
| Class | Styles |
|---|---|
hyphens-none | hyphens: none; |
hyphens-manual | hyphens: manual; |
hyphens-auto | hyphens: auto; |
使用 hyphens-none 通用類別防止單字被加上連字號，即使使用了斷行建議 ­ 也一樣：
Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeughaftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.
<p class="hyphens-none"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>使用 hyphens-manual 通用類別僅在使用斷行建議 ­ 的位置設定連字號斷點：
Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeughaftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.
<p class="hyphens-manual"> ... Kraftfahrzeug­haftpflichtversicherung is a ...</p>這是瀏覽器的預設行為。
使用 hyphens-auto 通用類別允許瀏覽器根據語言自動選擇連字號斷點：
Officially recognized by the Duden dictionary as the longest word in German, Kraftfahrzeughaftpflichtversicherung is a 36 letter word for motor vehicle liability insurance.
<p class="hyphens-auto" lang="de"> ... Kraftfahrzeughaftpflichtversicherung is a ...</p>斷行建議 ­ 會優先於自動連字號斷點。
在 hyphens 通用類別前面加上像 md: 這樣的中斷點變體，讓該通用類別只在中型螢幕尺寸及以上時套用：
<p class="hyphens-none md:hyphens-auto ..."> Lorem ipsum dolor sit amet...</p>在變體文件中了解更多關於使用變體的資訊。