仓酷云

标题: 今天来学习DIV+CSS网页结构技能实例17：横向居中(centering) [打印本页]

作者: 深爱那片海 时间: 2015-1-16 10:38
标题: 今天来学习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布局的话)，然而这项技术更适合刚接触网页制作的人。

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

作者: 活着的死人 时间: 2015-1-25 11:15
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

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

作者: 飘灵儿 时间: 2015-2-8 10:44
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 莫相离 时间: 2015-2-25 09:16
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 小女巫 时间: 2015-3-7 20:27
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 谁可相欹 时间: 2015-3-15 14:07
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 冷月葬花魂 时间: 2015-3-22 01:59
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

欢迎光临仓酷云 (http://ckuyun.com/)