CSS3 text-justify 属性
CSS3 text-justify 属性
定义
text-justify
属性定义如何对齐文本。
在CSS中,有两种常用的对齐模式:自动对齐和字间距调整模式。在自动对齐模式中,浏览器会自动调整单词之间的间距以实现对齐。 在字间距调整模式中,浏览器将调整单词内字母的间距以实现对齐。
语法
text-justify: auto|inter-word|inter-character|none|distribute|kashida|tib
属性值:
auto
: 浏览器自动调整单词之间的间距实现对齐。(默认)inter-word
: 调整单词之间的间距以实现对齐。inter-character
: 调整单词内字母的间距以实现对齐。none
: 字符宽度和间距不被调整,即不进行对齐。distribute
: 将文本均匀分布到一定宽度以实现对齐。kashida
: 用拉丁文单词的伸缩性连接突触形成特殊符号来调整单词之间的间距以实现对齐。只有在文本方向为从右到左时才有用。tib
: 用藏文字母的伸缩性连接突触形成特殊符号来调整单词之间的间距以实现对齐。
Demo
p {
text-justify: inter-character;
}
兼容性
Chrome | Firefox | Safari | IE | Opera |
---|---|---|---|---|
47+ | 49+ | 10.1+ | 5+ | 34+ |
总结
text-justify
属性控制文本在文本容器中的对齐方式。不同的属性值控制对齐细节的不同。在使用此属性时应注意浏览器的兼容性问题。