热搜词
发表于 2013-1-19 22:52:17 | 显示全部楼层 |阅读模式
 优化网站的时候发现,在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; }
全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2025-1-16 03:29 , Processed in 0.225216 second(s), 26 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2025 Discuz! Team