关注前端开发微信微信号web007007

text-justify 的用法

作者 管理员 发布时间 2012-06-07 07:20 文章分类 DIV&CSS 文章评论 抢沙发 阅读次数

最近在工作作一个英文网站,领导要求内容一定要两端对齐,说实在的以前还真没用过这玩意,然后在网上搜了搜就解决了, 拿出来分享下

我用的是text-justify

先来说一下text-justify的基本特性

初始值:
适用于:
继承性: 百分比:
媒体:
版本:
兼容性: IE5+专有属性


基本语法
text-justify : auto | distribute | distribute-all-lines | distribute-center-last | inter-cluster | inter-ideograph | inter-word | kashida | newspaper

语法取值

auto : 默认值。允许浏览器代理用户确定使用的两端对齐法则

distribute : 处理空格很像 newspaper ,适用于东亚文档。尤其是泰文

distribute-all-lines : 两端对齐行的方式与

distribute 相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档

distribute-center-last : 未实现

inter-cluster : 调整文本无词间空格的行。这种模式的调整是用于优化亚洲语言文档的

inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格

inter-word : 通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效

kashida : 通过拉长选定点的字符调整文本。这种调整模式是特别为阿拉伯脚本语言提供的。需要IE5.5+支持

newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式


使用说明
    设置或检索对象内调整文本使用的对齐方式。 因为这个属性影响文本布局,所以 text-align 属性必须被设置为 justify 。 此属性只作用于块对象。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 textJustify 。

代码示例   div {text-justify : auto; text-align:justify; }

本文固定链接: http://www.web92.net/315.html | WEB前端开发

该日志由 于2012年06月07日发表在 DIV&CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: text-justify 的用法 | WEB前端开发
关键字: