16、【视频】CSS强制换行与强制不换行

在做网站的过程中，常用要对一些内容强制换行，有时又需要对一些元素强制不换行

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}

标准之路www.aa25.cn 提示：可以先修改部分代码后再运行

（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）

更多评论(13)..会员评论

benben(61.53.*.*) 发表于：2011-08-20 09:12:33: 你好我在Dreamweaver里写div-css代码时一个自动换一行，该怎么解决#menu { background-color: #00FF00; width: 400px; margin-top: 0px; margin-right: auto; }; 管理员回复：在dw的首选项里，十天学会div+css的第二天有详细讲解

wealypro(116.237.*.*) 发表于：2011-07-28 00:14:09: 站长您好，我在练习禁止换行时，用white-space:nowrap可以实现，而用word-break:keep-all则不行是为什么？代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> #layout{ width:300px; height:300px; margin:0 auto; background:#009900; word-break:break-all;} .fh {word-break;keep-all;} </style> </head> <body> <div id="layout">aaaa bbbbbb ccccccc ddddd eeeeeee fffffffffffffffff gggggggggggg hhhhhhhhhh ccccccccc jjjjjjjjjjffffffffff <span class="fh">eeeeeeee</span>jjjjjjjjjjjjjjj</div> </body> </html>; 管理员回复：配合使用

manfenshui(111.181.*.*) 发表于：2011-05-21 17:42:34: 一个字形容：好，很好！求动态网站制作的视频教程，恭候……; 管理员回复：十天学会div+css中的最后一天，涉及了简单的动态教程

624208572(113.116.*.*) 发表于：2011-05-10 09:35:07: 站长你好，请问下这两个方法用哪个好： *{margin:0; padding:0;} div,p,span,ul,li,img,dl,dt,dd,ol,i,em,strong,h1,h2,h3,h4,h5,h6....{margin:0; padding:0}; 管理员回复：不建议用*

stars(112.239.*.*) 发表于：2011-05-08 22:19:05: 强制换行和强制不换行属性，是不是只针对文字啊; 管理员回复：是呀

etff(220.171.*.*) 发表于：2011-03-16 02:57:39: 网站首页内容导航快中的【更多...】是如何设计的为什么标题要放到span的后面，放到前面就会换行！急求站长帮助，感谢中。。。。; 管理员回复：把float给搞明白

darkofday(61.177.*.*) 发表于：2010-11-17 15:16:47: 反正在我的chrome浏览器里如果文字很长，这个示例是不能换行的; 管理员回复：我试一下

darkofday(61.177.*.*) 发表于：2010-11-17 15:16:01: 这个属性我记得在老版本的css标准是支持的，新版废除了。在有一种情况下，在不同的浏览器里表现是很不一样的，就是如果要求强制换行的内容是长按键盘某个键的话就没用了，硬是把页面撑得很宽; 管理员回复：IE是支持的，有没有更好的办法？