p { text-align: justify; }
在默认情况下,文本是左对齐的。所以“justify”就是让文本两端对齐。
当使用“justify”时,浏览器会在文本之间加入空格,从而使得文本恰好排满整个宽度。
另外,可以使用“text-justify”属性来修改文本对齐方式的其他属性,包括:
“auto”——默认值,基于字间距和字母间距计算。
“none”——文本左对齐,且不会添加空格。
“inter-word”——在单词之间添加空格来实现文本两端对齐。
“inter-ideograph”——在汉字之间添加空格来实现文本两端对齐。
“inter-cluster”——在字符群之间添加空格来实现文本两端对齐。
需要注意的是,对于某些语言,如阿拉伯语和希伯来语等,文本对齐方式是从右到左的,因此“text-align”属性应该设置为“right”。这也适用于使用其他字符集的语言。
p { text-align: right; text-justify: inter-word; }
除此之外,CSS3中也新增了其他排版相关的属性,如“column-count”、“column-gap”、“text-overflow”等,用来实现更加精美的排版效果。