CSS hyphens 属性

此 CSS 属性用于控制块级元素中文本的连字符。它定义了单词太长或文本跨越多行时如何进行连字符处理。

此属性允许我们将单词拆分成两行，以改善文本布局。

语法

此 CSS 属性的值定义如下。

属性值

none: 此值不进行单词连字符。它永远不会在换行符处进行连字符，即使单词太长。

manual: 这是默认值，仅当单词中的字符表明存在连字符机会时才进行单词连字符。下面定义了两个 Unicode 字符，可用于手动指定文本中可能的换行符。

U+2010 (HYPHEN) - 这是一个“硬”连字符，表示可见的换行机会。即使该行未在该点断开，也会渲染连字符。

U+00AD (SHY) - 这是一个不可见的“软”连字符。它不会在视觉上渲染；相反，它标识了单词需要断开的位置。在 html 中，对于软连字符，我们可以使用 ­。

auto: 在此值下，算法将决定单词的连字符位置。

**初始：**它将属性设置为其默认值。

inherit： 它会继承其父元素的值。

让我们通过一个例子来理解这个 CSS 属性。

示例

输出