一聚教程网:一个值得你收藏的教程网站

热门教程

css中让div水平居中实现代码

时间:2022-06-25 09:40:05 编辑:袖梨 来源:一聚教程网

原理很简单:将left和top设置为50%来定位div到浏览器中央,再将margin-left和margin-top值设置为宽和高的一半

,使div居中显示。

加上这个东西:

 代码如下 复制代码


1 text-align:center; 

2 margin-left:auto;  

3 margin-right:auto;

或:


1 text-align:center; 

2 margin:0 auto;

这两个在Chrome、FireFox、IE7、8、9下都测试通过,注意,IE下的文档格式不能为“Quirks”。

例1

 代码如下 复制代码



 

Test

热门栏目