排版
hyphens
用於控制單字應如何斷字的工具程式。
| 類別 | 樣式 |
|---|---|
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 ..."> <!-- ... --></p>在變體文件中了解更多關於使用變體的資訊。
