在CSS中,英文單詞連字(hyphenation)是文本中自動劃分單詞的一種技術。當一行文本超出了容器的寬度時,瀏覽器會嘗試在合適的位置自動斷開單詞并將其移到下一行,以保證文本在容器內完美顯示。為達到這個目的,我們可以使用CSS的hyphens屬性。
p { hyphens: auto; }
這段代碼將啟用自動連字,讓瀏覽器在斷開單詞時盡量遵循語法和語意的規則,保證斷開的單詞更加合理。同時,我們還可以使用以下的屬性值:
p { hyphens: none; /* 禁用自動連字 */ hyphens: manual; /* 手動標記需要斷開的單詞 */ }
需要注意的是,hyphens屬性并不是所有瀏覽器都支持,尤其在中文環境下自動連字效果不盡人意。因此,我們可以使用JavaScript插件(如hypher.js)進行更加可控的單詞劃分。