CSS强制性中英文换行与不换行 强制性英文换行示

日期:2020-09-22 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

1. word-break:break-all;只对英文起功效,以字母做为换行根据
2. word-wrap:break-word; 只对英文起功效,以单词做为换行根据
3. white-space:pre-wrap; 只对汉语起功效,强制性换行
4. white-space:nowrap; 强制性不换行,都起功效
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超过一部分掩藏且以省略号方式出現(一部分访问器适用)

编码:

拷贝编码
编码以下:

.p1{ word-break:break-all; width:150px;}/*只对英文起功效,以字母做为换行根据*/
.p2{ word-wrap:break-word; width:150px;}/*--只对英文起功效,以单词做为换行根据*/
.p3{white-space:pre-wrap; width:150px;}/*只对汉语起功效,强制性换行*/
.p4{white-space:nowrap; width:10px;}/*强制性不换行,都起功效*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}//*不换行,超过一部分掩藏且以省略号方式出現*/

意,1定要特定器皿的宽度,要不然的话是沒有用的。

留意word-break 是IE5+特有特性

英语的语法:

word-break : normal | break-all | keep-all

主要参数:

normal :  按照亚洲地区語言和非亚洲地区語言的文字标准,容许在字内换行

break-all :  该个人行为与亚洲地区語言的normal同样。也容许非亚洲地区語言文字行的随意字内断掉。该值合适包括1些非亚洲地区文字的亚洲地区文字

keep-all :  与全部非亚洲地区語言的normal同样。针对汉语,韩文,日文,不容许字断掉。合适包括小量亚洲地区文字的非亚洲地区文字

表明:

设定或查找目标内文字的字内换行个人行为。特别在出現多种多样語言时。

针对汉语,应当应用break-all 。

留意,适配火狐访问器强制性英文换行:

拷贝编码
编码以下:

<div style="word-wrap:break-word; white-space:normal; word-break:break-all; width:150px;">英文內容</div>
上一篇:div+css竖直垂直居中的5种完成方式 返回下一篇:没有了