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

作者:袖梨 2022-06-25

原理很简单:将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

相关文章

精彩推荐