使用CSS让DIV水平垂直居中的方法_html-js-css

概述要点：1.position属性设置为：absolute2.top和left属性都设为：50%3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。<html><head><title>DIV水平垂直居中</title><style>body{font-size:12px; margin:0; padding:0…

　　要点：

　　1.position属性设置为：absolute

　　2.top和left属性都设为：50%

　　3.margin-top宽度设置为height高度的一半，margin-left属性设置为wIDth宽度的一半。

<HTML><head><Title>div水平垂直居中</Title><style>body{Font-size:12px; margin:0; padding:0;}.div1{@R_301_1236@;top:50%;left:50%;wIDth:500px;height:300px; margin-top:-150px; margin-left:-250px; border:1px #999 solID; background:#CEE7FF;}</style></head><body><div class="div1">已经水平垂直居中了</div></body></HTML><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的使用CSS让DIV水平垂直居中的方法全部内容，希望文章能够帮你解决使用CSS让DIV水平垂直居中的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/1022134.html

使用CSS让DIV水平垂直居中的方法

发表评论

评论列表（0条）