开发喵星球

前端面试题:如何居中div?如何居中一个浮动元素?如何让绝对定位的 div居中?

div:
border: lpx solid red;
margin: 0 auto;
height: 50px;
width: 80px;
浮动元素的上下左右居中:
border: lpx solid red;
float: left;
position: absolute;
width: 200px;
height: l00px;
top: 50%;
margin: -50px 0 0 -100px;
绝对定位的左右居中:
border: lpx solid black;
position: absolute;
width: 200px;
height: l00px;
margin: 0 auto;
left: 0;
right: 0;
还有更加优雅的居中方式就是用flexbox,我以后会做整理。

Proudly powered by WordPress