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
1.文章《【段落左对齐css】CSS-中英文均排序,英语单词继续,换行》援引自互联网,为网友投稿收集整理,仅供学习和研究使用,内容仅代表作者本人观点,与本网站无关,侵删请点击页脚联系方式。
2.文章《【段落左对齐css】CSS-中英文均排序,英语单词继续,换行》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
相关推荐
- . 现代买票为什么带上携程保险
- . 潮阳怎么去广州南站
- . 湖南马拉河怎么样
- . 烧纸为什么到三岔路口
- . 百色为什么这么热
- . 神州租车怎么样
- . 芜湖方特哪个适合儿童
- . 护肤品保养液是什么类目
- . 早晚的护肤保养有哪些项目
- . 女孩护肤品怎么保养的最好