hyphenate-character
**hyphenate-character
** CSS 属性设置在换行符断行之前行末使用的字符(或字符串)。
自动换行符和软换行符都将根据指定的 hyphenate-character
值显示。
尝试一下
语法
css
hyphenate-character: <string>;
hyphenate-character: auto;
该值要么设置用于替换连字符的字符串,要么指示用户代理应根据当前排版约定选择合适的字符串(默认值)。
值
正式定义
正式语法
示例
此示例显示了两个相同的文本块,它们都设置了 hyphens
以确保它们在需要的地方断行,以及在软换行符断行处(使用 ­
创建)。第一个块的连字符值被更改为等号(“=
”)。第二个块没有设置 hyphenate-character
,这等效于支持此属性的用户代理的 hyphenate-character: auto
。
HTML
html
<dl>
<dt><code>hyphenate-character: "="</code></dt>
<dd id="string" lang="en">Superc­alifragilisticexpialidocious</dd>
<dt><code>hyphenate-character is not set</code></dt>
<dd lang="en">Superc­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 的浏览器中加载。
另请参阅
- 相关 CSS 属性:
hyphens
、overflow-wrap
。