`
raozhiyong11
  • 浏览: 135439 次
  • 性别: Icon_minigender_1
  • 来自: 江西
社区版块
存档分类
最新评论

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 也就居中了

就这样搞定啦！！

分享到：
| 日志框架学习之一：commons-logging+log4j
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics