当前位置:首页 > DIV+CSS教程 > 正文

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

作者:××× 来源:标准之路 【 】 浏览: 添加日期:2010-07-07 我要评论(13)     

标准之路提醒您:点击此处下载Microsoft Silverlight插件,安装后刷新即可播放

点击下载视频教程(感谢动力软件园提供下载空间)

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

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

 


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

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

〖DIV+CSS教程〗Tags: 视频 视频教程 新手入门 换行 强制换行 强制不换行

所属专题:新手常见问题

更多评论(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是支持的,有没有更好的办法?

出差旅游免费预订酒店

【视频教程】新手常见问题