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,我以后会做整理。
Was this helpful?
0 / 0