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

就这样搞定啦!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值