這是《CSS揭秘》第五章內(nèi)容的總結(jié)泳炉。
連字符斷開
文字排版中估脆，一般會(huì)考慮到兩端對(duì)齊殊轴，這樣不會(huì)讓文字整體顯得凌亂不堪衰倦。即使用 text-align: justify; 實(shí)現(xiàn)，但產(chǎn)生的弊端則是為了兩端對(duì)齊而導(dǎo)致單詞之間間距不一旁理。
image.png
這里介紹了CSS3引入的全新屬性 hyphens樊零，接受三個(gè)值：none、manual 和 auto孽文。初始值是 manual驻襟，需要手動(dòng)設(shè)置潛在的斷開點(diǎn)（有 hard 和 soft 兩種模式，分別使用 &hyphen 和 ­ 表示）芋哭，如果想省事的話沉衣，可以通過設(shè)置 auto 來完成，前提需要設(shè)置 HTML 標(biāo)簽的 lang 屬性楷掉，因?yàn)檫B字符判定依賴于 lang厢蒜。
當(dāng)然霞势，即使該屬性不被支持，也可以做到平穩(wěn)退化斑鸦，配合 text-align: justify; 使用效果對(duì)比還是很明顯的愕贡。
image.png
在未來可能的 CSS4 中，還會(huì)加入更細(xì)粒度的屬性巷屿，詳見 https://drafts.csswg.org/css-text-4/#hyphenation
持續(xù)更新中...
