欢迎来到天天文库
浏览记录
ID:57687158
大小:13.00 KB
页数:1页
时间:2020-09-01
《CSS中英文完美保证两端对齐.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、CSS中英文完美保证两端对齐text-align:justify;用来设置英文两端对齐。在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。但是对于中文这样是不行的。解决办法就是设定:text-align:justify;text-justify:inter-ideograph;语法:text-justify:auto
2、distribute
3、distribute-all-lines
4、distribute-center-last
5、inter-cluster
6、inter-
7、ideograph
8、inter-word
9、kashida
10、newspaper取值:auto:默认值。允许浏览器代理用户确定使用的两端对齐法则。distribute:处理空格很像newspaper,适用于东亚文档。尤其是泰文。distribute-all-lines:两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档distribute-center-last:未实现。inter-cluster:调整文本无词间空格的行。这种模式的调整是用于优化亚洲语言文档的。inter-ideog
11、raph:为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格inter-word:通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效kashida:通过拉长选定点的字符调整文本。这种调整模式是特别为阿拉伯脚本语言提供的。需要IE5.5+支持newspaper:通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式说明:设置或检索对象内调整文本使用的对齐方式。因为这个属性影响文本布局,所以text-align属性必须被设置为justify。此
12、属性只作用于块对象。此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为textJustify。以上方法对chrome(360也是chrome内核)无效,还需再加上下面代码:word-break:break-all。
此文档下载收益归作者所有