CSS:

{

word-break : keep-all;

word-wrap : break-word;//只对英语起作用,以单词作为换行的依据。

white-space : pre-wrap;//只对汉语起作用,强制换行。

文本-align : justify;//css英文语句两端对齐:

text-justify : inter-ideograph;

}

12345678禁则禁止:

{

white-space 3360 nowrap;

Overflow:hidden

文本-概述: ellipsis//更多内容的省略号.用表示。但是,此属性主要用于IE等浏览器,Opera浏览器使用-o-text-

white-space 3360 nowrap;

}

超过两行123456单行文字时显示省略号:

.text {

Width:220px

word-break 3360 break-all;

display :-WebKit-box;

-WebKit-line-clamp :2;

-WebKit-box-orient : vertical;

Overflow:hidden

}

12345678word-break属性指定如何处理换行。

Normal使用浏览器的默认换行规则。

Break-all允许在单词内换行。

Keep-all只能在半角空格或连字符处换行。

Word-break确定当下一个单词不能放在行尾时,该单词内部应如何放置。

Break-all:如果不能强行推进,剩下的就换成下一排展示吧。

Keep-all:无法放置。那就在另一排展示,不能再放了,不会退缩。

确定当无法放置Word-wrap行尾时,是否允许在单词内换行

Normal:单词太长,出现换行,超过一行就溢出来了。

Break-word:单词太长的话,首先尝试换行,换行后也太长,可以在单词内换行。

white-space : normal | nowrap | pre | pre-wrap | pre-line

1pre:保留所有空格和回车,不允许换行。

Pre-wrap:保留所有空格和回车,但允许换行。

Pre-line:可合并空格并允许换行

Text-align:justify是专门为英语设计的,实现英语语句的两端对齐

文本-贾斯汀:

auto | distribute | distribute-all-lines | distribute-center-last | inter-cluster | inter-ids

12自动:

默认值。允许浏览器代理用户确定要使用的两种排序规则。

Distribute :

处理空格类似于newspaper,适用于东亚文档。特别是泰语。

Distribute-all-lines :

两端对齐行的对齐方式与distribute相同,不包括两个对齐段落的最后一行。适用于Icf文档

Distribute-center-last :

没有实现。

英特尔-集群:

调整文本中单词之间没有空格的行。此模式的调整用于优化亚洲语言文档。

Inter-ideograph :

为表意字框文字提供完整的对齐方式。他增加或减少了表意词和单词之间的空白

英特尔-word :

通过在单词之间添加空格来对齐文本。此行为是对齐所有文本行的最快方法。两端对齐行为不适用于段落的最后一行

卡西达:

通过增加选定点的文字来调整文本。这种调整模式特别为阿拉伯脚本语言提供。需要IE5.5支持

Newspaper :

通过增加或减少单词或字母之间的空格来对齐文本。拉丁字母两端对齐使用的最准确的格式

说明:设置或检索对象内调整后的文本使用的排序。此属性会影响文本布局,因此必须将text-align属性设置为justify。此属性仅适用于块对象。此属性对于currentStyle对象是只读的。可以对其他对象进行读/写。其脚本属性为textJustify。

上述方法对chrome(360度chrome内核)无效,并添加了以下代码:

word-break 3360 break-all

相关推荐