萌萌妈妈 发表于 2015-1-16 10:34:17

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

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

[*]
[*]

点击下载视频教程(感激动力软件园供应下载空间)
在做网站的过程当中,经常使用要对一些内容强迫换行,偶然又必要对一些元素强迫不换行
/*克制换行*/
.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

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
页: [1]
查看完整版本: CSS教程之16、【视频】CSS强迫换行与强迫不换行