本文摘自PHP中文网，作者V，侵删。
如何居中一个浮动元素？如何让绝对定位的div居中？
div居中：
1 2 3 4 | border: 1px solid red;
margin: 0 auto;
height: 50px;
width: 80px;
|
浮动元素的上下左右居中：
1 2 3 4 5 6 7 8 | border: 1px solid red;
float: left;
position: absolute;
width: 200px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -100px;
|
绝对定位的左右居中：
1 2 3 4 5 6 7 | border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;
|
推荐教程：css快速入门
以上就是如何居中一个浮动元素？如何让绝对定位的div居中？的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html div标签怎么用？这里有div使用方法的实例
bootstrap如何给div设置边框颜色
css如何设置div字体大小
jquery怎样判断鼠标是否在div上
jquery怎么给div赋值
bootstrap如何设置div边框
html中div标签、section标签和acticle标签三者有啥区别
javascript怎么实现按钮隐藏div
设置div的宽度可以通过css的什么属性
css实现div背景色闪烁效果
更多相关阅读请进入《浮动元素》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何居中一个浮动元素？如何让绝对定位的div居中？
