网站地图    收藏   

主页 > 专题教程 > css >

text-justify

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

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

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

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

当我们使用属性,并将它的值设置为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属性。

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论