word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。
它们的区别就在于：
1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。
2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。
word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。
WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。如果需要，词内换行( word-break )也将发生。
还有，我在做KingCMS模板的时候，碰到easyarticle[list]（此为5.0版本所含文件）页面。这个页面是个文章列表， 其中有个 (king:description size="200"/)的标签，也就是说其描述是200个字符，因为默认的模板比内容div容器比较大，所以能正常显示，但当size设置为400的时候，超过内容div容器的时候，右栏的内容就会被顶到下面去，所以这时候在class中设置下word-wrap: break-word;就可以解决这个问题了。
macroli
- 浏览: 49436 次
- 性别:
- 来自: 深圳
-
最新评论
相关推荐
<asp:TemplateColumn HeaderText="OP CREATE USER" HeaderStyle-HorizontalAlign="center"> <HeaderStyle HorizontalAlign=... myDataGrid_d.Attributes.Add("style", "word-break:keep-all;word-wrap:normal");
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于： 1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长...
复制代码代码如下:”c1″>safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj</div><div class=c1>This is all English. This is all English. This is all English.</div><div class=c1>全是中文的情况。全是...
语法：word-break: normal|break-all|keep-all; 默认值 normal 继承性 yes 版本 css3 Javascript语法 object.style.wordBreak="keep-all" 值 描述 normal 使用浏览器默认的换行规则。 break-...
复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行复制代码代码如下:{ word-break:break-all; } CSS设置不转行： overflow:hidden 隐藏 white-space：normal 默认 pre 换行
大家在制作的时候有时候会碰到英文文本超过固定宽度，不会自己换行的问题。这种问题以前解决的时候大多都用...2、取之说明 (1)normal和break-word，其中normal为默认值，当其值为normal控制连续文本换行(允许内容顶开容
复制代码代码如下: div{ word-wrap: break-word; word-break: normal; } 3、css强制英文单词断行 复制代码代码如下: div{word-break:break-all;} 若是div嵌套，要使内层div根据内容自动换行，则可只设置外层的
兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 在 IE 下没有任何...
word-break:break-all和word-wrap:break-word表示强制换行，前者若英文字符过长自动截断，后者整个英文单词会换行！ 而而我常会这样用： 复制代码代码如下: word-wrap:break-word; overflow:hidden; IE 下没有...
在table中加入 style="WORD-WRAP: normal;TABLE-LAYOUT: fixed;word-break:normal" 总结如下.
word-wrap用来控制换行 两种取值： (1)normal (2)break-word（此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。） word-break用来控制断词 三种取值...
qq论坛源码，含图标，* 基本定义 */ ....CONTENT { overflow:auto word-break:break-all word-wrap:break-word } .HREF { cursor:pointer } TABLE.TableFixed { table-layout:fixed } XMP { display:none }
word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行: overflow:hidden 隐藏 white-space：normal 默认 pre 换行和其他空白字符都将受到保护 nowrap 强制...
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行： html <div id=wrap>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:...
代码如下:protected void AxGridView1_RowDataBound(object sender, GridViewRowEventArgs e) { //... //设置所有列自动换行 AxGridView1.Attributes.Add(“style”, “word-break:break-all;word-wrap:break-word”)
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id=wrap>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...
复制代码代码如下:#wrap{word-break:break-all;width:200px;}”wrap”>ddd1111111111111111111111111111111111 效果：可以实现换行 2.（Firefox浏览器）white-space:normal; word-break:break-all;overfl
word-break: break-all;核心是：内容在宽度的邻界点就自动换行了哈（注意点，也就是说宽度邻界点那里放不下将要显示在这里的字符就换航了呀注意点来了，单词呢怎么说？也截断，放不下的汉子和单词都截断 效果： ...