div+CSS实现文字两侧对齐(中英文均能实现)的方法
优化网站的时候发现,在CSS样式表中,用“text-align:justify”只能使英文保持两端对齐,而中文依旧是参差不齐,于是从网上找来资料学习一通后,才知道要使中文也实现两端对齐,需要加入属性“text-justify”,本文将详细介绍该属性的用法!文字两侧对齐(中英文均能实现)
<div style="font-size:12px;width:200;text-align:justify;text-justify:inter-ideograph">中文和英文文字显示两端对齐</div>
在CSS样式表里,添加以下代码即可以实现中文和英文文字显示两端对齐:
text-align:justify; text-justify:inter-ideograph;
详细介绍text-justify的用法版本:
IE5以上版本专有属性,无继承性。
说明:
设置或检索对象内文本的对齐方式。
对应的脚本特性为 textJustify。
语法:text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数:
auto:允许浏览器用户代理确定使用的两端对齐法则。
inter-word:通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法,它的两端对齐行为对段落的最后一行无效。
newspaper:通过增加或减少字或字母之间的空格对齐文本,是用于拉丁文字母表两端对齐的最精确格式。
distribute:处理空格很像 newspaper,适用于东亚文档,尤其是泰国。
distribute-all-lines:两端对齐行的方式与 distribute 相同,也同样不包含两段对齐段落的最后一行,适用于表意字文档。
inter-ideograph:为表意字文本提供完全两端对齐,增加或减少表意字和词间的空格。
示例:
div {text-justify : auto; }
页:
[1]