hyphenate-character

**hyphenate-character** CSS 属性设置在换行符断行之前行末使用的字符(或字符串)。

自动换行符和软换行符都将根据指定的 hyphenate-character 值显示。

尝试一下

语法

css
hyphenate-character: <string>;
hyphenate-character: auto;

该值要么设置用于替换连字符的字符串,要么指示用户代理应根据当前排版约定选择合适的字符串(默认值)。

<string>

在换行符断行之前行末使用的 <string>。如果使用的字符过多,用户代理可能会截断此值。

auto

用户代理根据内容语言的排版约定选择合适的字符串。这是默认的属性值,仅当需要覆盖其他继承的值时才需要显式设置。

正式定义

初始值auto
应用于所有元素
继承
计算值如指定
动画类型离散

正式语法

hyphenate-character = 
auto |
<string>

示例

此示例显示了两个相同的文本块,它们都设置了 hyphens 以确保它们在需要的地方断行,以及在软换行符断行处(使用 &shy; 创建)。第一个块的连字符值被更改为等号(“=”)。第二个块没有设置 hyphenate-character,这等效于支持此属性的用户代理的 hyphenate-character: auto

HTML

html
<dl>
  <dt><code>hyphenate-character: "="</code></dt>
  <dd id="string" lang="en">Superc&shy;alifragilisticexpialidocious</dd>
  <dt><code>hyphenate-character is not set</code></dt>
  <dd lang="en">Superc&shy;alifragilisticexpialidocious</dd>
</dl>

CSS

css
dd {
  width: 90px;
  border: 1px solid black;
  hyphens: auto;
}

dd#string {
  -webkit-hyphenate-character: "=";
  hyphenate-character: "=";
}

结果

规范

规范
CSS 文本模块级别 4
# propdef-hyphenate-character

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅