今天来学习DIV+CSS网页结构技能实例17：横向居中(centering)

以下的内容是一位网友的DIVCSS编码笔记，是值得大家学习的，在实际工作与开发中，将工作中的点滴记录下来，回首这些过往，你也会收获很多

• 
  
• 
  

这是一个复杂的技能，可是值得再说一遍，由于我瞥见太多的老手成绩都是问这个：CSS怎样横向居中？你必要界说元素的宽，而且界说横向的margin，假如你的结构包括在一个层(容器)中，就象如许：

你能够如许界说使它横向居中：

#wrap{
width:760px;/*修正为你的层的宽度*/
margin:0auto;
}
可是IE5/Win不克不及准确显现这个界说，我们接纳一个十分有效的技能来办理：用text-align属性。就象如许：

body{
text-align:center;
}
#wrap{
width:760px;/*修正为你的层的宽度*/
margin:0auto;
text-align:left;
}
第一个body的text-align:center;划定规矩界说IE5/Win中body的一切元素居中(其他扫瞄器只是将笔墨居中)，第二个text-align:left;是将#warp中的笔墨居左。


首先你要知道，当你开始学习DIV+CSS的时候，你要把以前所有用DW画布局表格的思维方法忘的一干二净(如果你以前是用TABLE布局的话)，然而这项技术更适合刚接触网页制作的人。

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

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

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

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

滚动条)层属性--溢出(visible/hidden/scroll/auto)

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

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