CSS文本:text-justify

2016-02-19 16:39 8 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐CSS文本:text-justify,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

语法:

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+支持

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

说明:

设置或检索对象内调整文本使用的对齐方式。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

因为这个属性影响文本布局,所以 text-align 属性必须被设置为 justify 。

此属性只作用于块对象。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 textJustify 。

示例:

div {text-justify : auto; text-align:justify; }

来源:http://www.tulaoshi.com/n/20160219/1612662.html

延伸阅读
标签: Web开发
text-decoration版本:CSS1 兼容性:IE4+ NS4+ 继承性:无 语法: text-decoration : none || underline || blink || overline || line-through 取值: none :? 默认值。无装饰 blink :? 闪烁 underline :? 下划线 line-through :? 贯穿线 overline :? 上划线 说明: 检索或设置对象中的文本的装饰。 有 href 特...
标签: Web开发
direction版本:CSS2 兼容性:IE5+ 继承性:有 语法: direction : ltr | rtl | inherit 取值: ltr : 默认值。文本从左到右流入 rtl : 文本从右到左流入 inherit : 文本流入方向由继承获得 说明: 用于设置文本流入的方向。请参阅对象的 dir 属性。 此属性不会影响拉丁文的字母数字字符,它们总是以 ltr 值被呈递。但是...
标签: Web开发
水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 语法:text-align : left | right | center | justify 说明:设定元素内文本的水平对齐方式。 参数:left : 左对齐;right : 右对齐;center : ...
标签: Web开发
注:本文由 Robin 翻译自 webdesignerwall  (这个标题不知道该怎么翻译好, 希望大家能提提意见.) 你是否想不用photoshop来创建一个带渐变的标题文字吗? 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数主流浏览器.当然, IE6需要一个支持透明PNG的Hack(值得庆幸的是微软正在...
标签: Web开发
layout-flow版本:IE5.5+专有属性 继承性:有 语法: layout-flow : horizontal | vertical-ideographic 取值: horizontal :? 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系 vertical-ideographic :? 对象中的内容自上而下流入,下一行在前一行左面。这个值适用于亚洲语系 说明: 设置或检索对...

经验教程

845

收藏

45

精华推荐

CSS文本:white-space

CSS文本:white-space

白小宫沫

CSS文本:ruby-overhang

CSS文本:ruby-overhang

温柔可靠刘大美

CSS文本:ruby-align

CSS文本:ruby-align

多余不是我的错

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部