text-justify

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

CSS 属性 text-justify 定义的是当文本的 text-align 属性被设置为 :justify 时的齐行方法。

css
text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* 已被废除,不提倡使用 */
初始值auto
适用元素inline-level and table-cell elements
是否是继承属性
计算值as specified
动画类型离散值

语法

text-justify 属性的值只能取下面列表中的单个关键词值。

none

表示关闭掉齐行的设置。表现的效果和没有设置 text-align 一样,当你因为某种原因需要在已经设置了 text-align 的元素上禁用齐行效果的时候,这个属性值很有用。

auto

默认值,浏览器根据显示的效果和质量来确定符合当前状态的最佳对齐方式,当然这种对齐方式将是最适合某种语言文字的排版(例如:英语,中文,日语,韩语等)。如果没有对 text-justify 进行设置的话,则是默认使用这样子的对齐规则。

inter-word

通过在文本中的单词之间添加空间来实现行对齐(这将会改变 word-spacing 的值),比如英语或韩语就是最适合使用这个属性来用空格分隔单词的语言。

inter-character

通过在文本中的字符之间添加空间来实现行对齐(这将会改变 letter-spacing 的值),比如日语就是最适合使用这个属性的语言。

distribute 已弃用

显示效果与设置了 inter-word 一致,不提倡使用这个属性,现在这个属性或许还能有效果,但那完全是为了向后兼容而被保留着。

语法

text-justify = 
auto |
none |
inter-word |
inter-character

示例

css
p {
  font-size: 1.5em;
  border: 1px solid black;
  padding: 10px;
  width: 95%;
  margin: 10px auto;
  text-align: justify;
}

.none {
  text-justify: none;
}

.auto {
  text-justify: auto;
}

.dist {
  text-justify: distribute;
}

.word {
  text-justify: inter-word;
}

.char {
  text-justify: inter-character;
}

规范

Specification
CSS Text Module Level 3
# text-justify-property

浏览器兼容性

BCD tables only load in the browser

参见