关于word-break和word-wrap
最近在做一个英文试卷展示的页面。 遇到英文单词在换行时总是被切割开了。
试了试多种css样式,最终运用word-wrap:normal才把他搞定。
查了资料, word-wrap和word-break到底有啥区别,, 我一直没搞清楚。
word-wrap:
Sets or retrieves whether to break words when the content exceeds the boundaries of its container
设置或检索当当前行超过指定容器的边界时是否断开转行。
word-break:
Sets or retrieves line-breaking behavior within words, particularly where multiple languages appear in the object
单词内自动换行。
这两者的具体区别还是参照这位兄弟写的吧:
http://webcode.iteye.com/blog/476036
http://cindysaj.iteye.com/blog/670465
分享到:
相关推荐
<asp:TemplateColumn HeaderText="OP CREATE USER" HeaderStyle-HorizontalAlign="center"> <HeaderStyle HorizontalAlign=... myDataGrid_d.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
复制代码代码如下:”c1″>safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj</div><div class=c1>This is all English. This is all English. This is all English.</div><div class=c1>全是中文的情况。...
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于: 1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长...
object.style.wordBreak="keep-all" 值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 兼容性: 举个栗子: CSS Co
兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 在 IE 下没有任何...
在table中加入 style="WORD-WRAP: normal;TABLE-LAYOUT: fixed;word-break:normal" 总结如下.
现在的浏览器对文本的换行处理还是比较合理的,当文字超过容器宽度时会自动换行,那么它是怎么自动换行的呢?本文将带你详细探讨,感兴趣的你可不要错过了,希望本文对你学习换行方面知识有所帮助
本文是CSS属性探秘系列的第一篇,详细介绍了word-break与word-wrap的异同与示例分析,非常简单实用,有需要的朋友可以参考下
大家在制作的时候有时候会碰到英文文本超过固定宽度,不会自己换行的问题。这种问题以前解决的时候大多都用...2、取之说明 (1)normal和break-word,其中normal为默认值,当其值为normal控制连续文本换行(允许内容顶开容
先来认识一下两位主角word-wrap和word-break word-wrap用来控制换行 两种取值: (1)normal (2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不...
word-break:break-all和word-wrap:break-word表示强制换行,前者若英文字符过长自动截断,后者整个英文单词会换行! 而而我常会这样用: 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...
word-wrap:break-word 在firefox中不会起作用,以下是解决办法
word-wrap: break-word;也可以写成overflow-wrap: break-word;一样的哈, word-break: break-all;核心是:内容在宽度的邻界点就自动换行了哈(注意点,也就是说宽度邻界点那里放不下将要显示在这里的字符就换航了呀...
复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行复制代码代码如下:{ word-break:break-all; } CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认 pre 换行
复制代码代码如下: div{ word-wrap: break-word; word-break: normal; } 3、css强制英文单词断行 复制代码代码如下: div{word-break:break-all;} 若是div嵌套,要使内层div根据内容自动换行,则可只设置外层的