1.水平居中:利用margin属性
给div设置宽高,利用margin:0 auto;来实现元素的水平居中。
上下为0,左右自适应。
<div class="box">
<div class="contain">子元素</div>
</div>
.contain{
width: 200px;
height: 200px;
background-color: aquamarine;
margin: 0 auto;
}
2.水平居中:利用 text-align:center
设置子元素display:inline-block,实现行内块的水平居中。
text-align 属性规定(块级)元素内文本的水平对齐方式。
.box{
width: 500px;
height: 500px;
background-