首页 > 其他 > 详细

word-wrap和word-break

时间:2014-12-03 11:57:15      阅读:282      评论:0      收藏:0      [点我收藏+]

今天在群里回答一个关于----内容顶开或溢出指定容器边界自动换行-----的问题

我回答的是    word-wrap:break-word;测试中也可以,没有出现问题

 

群里一个热心的朋友说的是 word-break:break-all;

我当时觉得两者没有多大区别,实际上我错了,对于细节问题没有仔细研究

翻看了下参考手册,这么说的

-----------------------------------------------------------

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

normal:依照亚洲语言和非亚洲语言的文本规则,允许在字内换行。

keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本。

break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本,比如使连续的英文字母间断行。 

设置或检索当内容超过指定容器的边界时是否断行。

---------------------------------------------------------------------------

word-wrap:normal | break-word

normal:允许内容顶开或溢出指定的容器边界。

break-word:内容将在边界内换行。如果需要,单词内部允许断行。 

设置或检索当内容超过指定容器的边界时是否断行。

------------------------------------------------------------------

大概一看两者并没有多大区别,但是你要仔细看就明白区别所在了

放张图

bubuko.com,布布扣

这里已经很明显的看出来二者的区别了

 

word-wrap:break-word 是用来决定允不允许单词内断句的,如果不允许的话长单词就会溢出,它还是会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话 就进行单词内的断句

word-break:break-all 它不会尝试把长单词挪到下一行,而是直接进行单词内的断句

无论如何,这些都会对西文照成影响的,实际开发中这点需要注意的

word-wrap和word-break

原文:http://www.cnblogs.com/Nomand/p/4139562.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!