CSS text-justify 属性
示例
当 text-align 设置为 "justify" 时,将对齐方式设置为 "inter-word"。
div {
text-align: justify;
text-justify: inter-word;
}
亲自试一试 »
定义和用法
当 text-align 设置为 "justify" 时,text-justify
属性指定文本的对齐方式。
默认值 | auto |
---|---|
继承 | 是 |
可动画 | 否。 了解 可动画属性 |
版本 | CSS3 |
JavaScript 语法 | object.style.textJustify="inter-word" |
浏览器支持
表中的数字指定第一个完全支持该属性的浏览器版本。
属性 | |||||
---|---|---|---|---|---|
text-justify | 是* | 11.0 | 55.0 | 10.0.3 | 是* |
*此功能位于 **启用实验性 Web 平台功能** 首选项之后(需要设置为已启用)。要在 Chrome 中更改首选项:在 Chrome 浏览器中输入“chrome://flags”。要在 Opera 中更改首选项:在 Opera 浏览器中输入“flags”。
CSS 语法
text-justify: auto|inter-word|inter-character|none|initial|inherit;
属性值
值 | 描述 | 演示 |
---|---|---|
auto | 浏览器确定对齐算法 | 运行 » |
inter-word | 增加/减少单词之间的空格 | 运行 » |
inter-character | 增加/减少字符之间的空格 | 运行 » |
none | 禁用对齐方式 | 运行 » |
initial | 将此属性设置为其默认值。 了解 initial | 运行 » |
inherit | 从其父元素继承此属性。 了解 inherit |