CSS text-justify 属性
CSS text-justify 属性定义的是当文本的 text-align 属性被设置为 :justify 时的齐行方法。
实例
齐行改变单词间的间隔：
<!DOCTYPE html><html><head><style>div{text-align:justify;text-justify:inter-word;}</style></head><body><h1>CSS text-justify 实例</h1><div>上海是中华人民共和国人口最多的城市，也是世界上人口最多的城市。它是中华人民共和国四个省级直辖市之一，截至2010年，总人口超过2300万。它是一个全球性的城市，在商业、文化、金融、媒体、时尚、科技和交通方面具有影响力。它是世界上主要的金融中心和最繁忙的集装箱港口。</div><p><b>提示：</b>请调整浏览器窗口的大小，来查看齐行效果。</p><p><b>注释：</b>text-justify 属性只在 IE 中有效。</p></body></html>
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| text-justify | Yes | 11.0 | 55.0 | 10.0.3 | Yes |
定义和用法
text-justify 属性规定当 text-align 被设置为 text-align 时的齐行方法。
该属性规定如何对齐行文本进行对齐和分隔。
| 默认值： | auto |
|---|---|
| 继承性： | yes |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.textJustify="inter-word" |
语法
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
| 值 | 描述 | 测试 |
|---|---|---|
| auto | 浏览器决定齐行算法。 | 测试 |
| none | 禁用齐行。 | 测试 |
| inter-word | 增加/减少单词间的间隔。 | 测试 |
| inter-ideograph | 用表意文本来排齐内容。 | 测试 |
| inter-cluster | 只对不包含内部单词间隔的内容（比如亚洲语系）进行排齐。 | 测试 |
| distribute | 类似报纸版面，除了在东亚语系中最后一行是不齐行的。 | 测试 |
| kashida | 通过拉伸字符来排齐内容。 | 测试 |