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

text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* 已被废除,不提倡使用 */

初始值auto
适用元素inline-level and table-cell elements
是否是继承属性yes
适用媒体visual
计算值as specified
Animation typediscrete
正规顺序the unique non-ambiguous order defined by the formal grammar

语法

text-justify 的属性值只能取以下所列出来的其中一个。

属性值

none
表示关闭掉齐行的设置。表现的效果和没有设置 text-align 一样,当你因为某种原因需要在已经设置了 text-align 的元素上禁用齐行效果的时候,这个属性值很有用。
译者注:经过测试,在谷歌(v 58.0.3029.110)下的表现与在火狐下的表现是不一样的,火狐下使用 none 属性时,的确可以禁用掉齐行设置,但是谷歌下还是没有设置 none 属性时的效果。
auto
默认值,浏览器根据显示的效果和质量来确定符合当前状态的最佳对齐方式,当然这种对齐方式将是最适合某种语言文字的排版(例如:英语,中文,日语,韩语等)。如果没有对 text-justify 进行设置的话,则是默认使用这样子的对齐规则。
inter-word
通过在文本中的单词之间添加空间来实现行对齐(这将会改变 word-spacing 的值),比如英语或韩语就是最适合使用这个属性来用空格分隔单词的语言。
inter-character
The text is justified by adding space between characters (effectively varying letter-spacing), which is most appropriate for languages like Japanese.
通过在文本中的字符之间添加空间来实现行对齐(这将会改变 letter-spacing 的值),比如日语就是最适合使用这个属性的语言。
distribute
显示效果与设置了 inter-wrod 一致,不提倡使用这个属性,现在这个属性或许还能有效果,但那完全是为了向后兼容而被保留着。

语法

auto | inter-character | inter-word | none

示例

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;
}

规范

规范 状态 备注
CSS Text Module Level 3
text-justify
Working Draft  

浏览器兼容性

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 未实现[2] 14[1] 55.0 (55.0) 11[1] 未实现[2] 未实现
Feature Android Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 未实现[2] 未实现[2] 14[1] 55.0 (55.0) 11[1] 未实现[2] 未实现

[1] 不支持标准属性值 inter-characternone 。但是支持过时的属性值 distribute和废弃属性值 distribute-all-linesdistribute-center-lastinter-clusterinter-ideograph,以及 newspaper

[2] 参照了默认的规范,属性值 inter-worddistribute 在“实验平台特性”的旗帜下被保留了下来,尽管 distribulte 已经不被提倡使用了。

参见

文档标签和贡献者

标签: 
 此页面的贡献者: Miss-violet
 最后编辑者: Miss-violet,