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  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,