本文摘自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居中?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css中怎么将div设置为居中
js如何实现随机生成div的效果
div代表什么
css怎么去掉div边框
html超链接字体颜色怎么改?超链接字体颜色的更改方法总结
html div标签怎么用?这里有div使用方法的实例
在html中怎么把div居中
css怎么把div设置成圆角
div和table在网站中的可用性比较
div是什么标签
更多相关阅读请进入《浮动元素》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何居中一个浮动元素?如何让绝对定位的div居中?