CSS hyphens属性

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

此属性使我们可以将单词分为两行，以改善文本布局。

句法

hyphens: none | manual | auto | initial | inherit;

此CSS属性的值定义如下。

属性值

none：此值不将单词连字符。它永远不会在换行符处连字，即使该字太长也是如此。

manual：这是默认值，仅当单词中的字符提示出现连字符机会时才对单词进行连字符。下面定义了两个Unicode字符，可以手动使用它们指定文本中可能的行断点。

U + 2010(连字符)-这是“硬”连字符，用于指定可见的换行符。即使在该点没有断线，连字符也会被渲染。

U + 00AD(SHY)-这是一个看不见的“软”连字符。它不可见。相反，它会发现需要中断单词的地方。在html中，对于软连字符，我们可以使用。

auto：在此值中，算法决定单词连字符的位置。

initial：将属性设置为其默认值。

inherit：它从其父元素继承值。

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

例

 Example of the hyphens property 

 hyphens: none; 

It is very­very looooo­ooooo­oong word.


hyphens: manual

It is very­very looooo­ooooo­ooong word.


hyphens: auto

It is very-very looooo-ooooo-oong word.

输出量