CSS教程之16、【视频】CSS强迫换行与强迫不换行

只看该作者 · 发表于 2015-1-16 10:34:17

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

我们需要重新进行页面布局，比如对背景图片的定义，只用针对每一个Div元素重新定义其具体位置、样式就行了。

[media=wmv,600,450][/media]
点击下载视频教程(感激动力软件园供应下载空间)
在做网站的过程当中，经常使用要对一些内容强迫换行，偶然又必要对一些元素强迫不换行

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><style>#layout{width:300px;height:200px;margin:0auto;background:#ddd;word-break:break-all;}#layouta{word-break:keep-all;white-space:nowrap;}</style></head><body><divid="layout"><ahref="#">这是第一块内容</a>　<ahref="#">这里第二块内容</a>　<ahref="#">这是第三块内容</a></div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
DIV+CSS是目前互联网网页制作最热门的方法，但对于完全手写代码，许多网页设计师都望而止步。

只看该作者 · 发表于 2015-1-18 06:47:57

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

只看该作者 · 发表于 2015-1-24 13:22:25

可以使用 CSS 检查工具进行设计。

只看该作者 · 发表于 2015-2-1 16:25:04

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

只看该作者 · 发表于 2015-2-7 09:58:53

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

只看该作者 · 发表于 2015-2-21 20:14:51

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

只看该作者 · 发表于 2015-3-6 22:12:50

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

只看该作者 · 发表于 2015-3-20 21:19:48

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] CSS教程之16、【视频】CSS强迫换行与强迫不换行

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子