当前位置主页 > 资料库 > 前端教程 > CSS属性参考 | text-justify

CSS属性参考 | text-justify

2016-08-04
麦子学院

CSS text-justify 属性用于指定通过text-align: justify来设置的文本间距时所使用的方法。

浏览器调整一行文本的间距有多种方法,例如重新分配单词和单词之间的空白间隙,或者调整字母与字母之间的距离(可以参考letter-spacing属性)。通过调整距离,使一行文本填充满容器的一行空间。

当我们使用text-align属性,并将它的值设置为justify 的时候,可以通过text-justify来选择一种调整文本间距的方法。

text-justify属性目前只有IE8+浏览器才支持。

官方语法
text-justify:  auto | none | inter-word | distribute

参数:

  • auto:默认值,由浏览器来决定调整间距的方法。
  • none:不对文本间距进行调整。使用该值可以提高文本的可读性或可访问性。
  • inter-word:在单词与单词之间调整距离。
  • distribute:在字母与字母之间调整距离。

text-justify属性的初始值为auto

应用范围

text-justify属性可以应用在所有块级元素上。

示例代码
p {
  text-align: justify;
  text-justify: distribute;
}

p.japanese {
  text-justify: distribute;
}

浏览器支持

目前只有IE8+浏览器才支持text-justify属性。

相关阅读
Previous:
上一篇:CSS属性参考 | text-indent
Next:
下一篇:CSS属性参考 | text-shadow

我要评论

返回顶部