行内元素如何居中?
行内元素用text-align:center;
块级元素如何居中?
第一用 margin:0 auto;
第二用定位:
position: absolute;
left:50%;
right: 50%;
transform: translate(-50%)
结果如下:
第三用浮动:
float: left;
margin-left: 50%;
margin-right: 50%;
transform: translate(-50%);
结果如下:
第四种flex布局:
html{
display: flex;
justify-content:space-evenly;
}
.div1{
width: 200px;
height: 200px;
background-color: blanchedalmond;
}
结果如下: