連字符在CSS中是一種常用的格式化方式，可以將較長的單詞或短語拆分成多行顯示，讓網頁排版更加美觀。下面我們就來介紹一下如何使用CSS添加連字符。

.hyphenate {
hyphens: auto;
}

首先，在CSS中添加hyphens屬性來啟用連字符功能。將屬性的值設置為auto，即可讓瀏覽器根據需要自動添加連字符。

除了auto以外，hyphens屬性還支持以下三個值：

• none：禁用連字符功能
• manual：手動添加連字符
• inherit：從父元素繼承連字符屬性

如果要手動添加連字符，則需要在需要加連字符的位置使用­ （也可以使用HTML實體­或Unicode轉義符­來表示）。下面是一個示例：

.hyphenate-manually {
hyphens: manual;
}
.hyphenate-manually span {
display: inline-block;
}
.hyphenate-manually span:after {
content: "­";
white-space: pre;
}

在樣式中添加hyphens: manual;即可啟用手動添加連字符功能。此時可以在需要添加連字符的位置插入一個，并通過CSS的:before或:after偽元素添加­內容來顯示連字符。這里我們選擇使用:after偽元素，并將內容設置為­，然后通過white-space屬性設置空白字符的處理方式。

以上就是CSS如何添加連字符的介紹，希望能對大家有所幫助。