DIV+CSS网页正中-笔记
日期：2014-05-17 浏览次数：20561 次
DIV+CSS网页居中--笔记
样式不多只要4个，轻松搞定网页DIV水平居中。在<body>和</body>加入全局DIV就能把整个网页居中，毫不费劲。
注意要点：float:none;? 必不可少即初始化float
居中：margin:0 auto
网页宽度：width:950px;
兼容浏览器：display:block;
?
如下：
首先必须加HTML头声明
<!DOCTYPEhtml> 或者<!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">
?
?
开始全局居中的DIV
?
<div style=" width:950px;display:block; float:none; margin:0 auto"></div>
说明:如果放入css里调用，那么先把div 定义ID <div id="centers"></div>，然后复制style=“” 引号部分到CSS里用#centers{?width:950px;display:block; float:none; margin:0 auto;}
如果想要再兼容IE5.5 那么在CSS body 加上一个样式 text-align:center; IE5.5 也就居中了
就这样搞定啦！！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
