连字符在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如何添加连字符的介绍，希望能对大家有所帮助。