一:水平居中
水平居中分爲4種：塊級元素，內聯元素，寬度確定，寬度不確定
1.寬度確定的塊級元素
margin:0 auto
<div class="warp1">
確定寬度的margin水平居中
</div>
.warp1{
width: 300px;
height:300px;
margin: 10px auto;
border: 1px solid #fecdea;
}
2.不確定寬度的塊級元素
沒有明確寬度的block，根據塊級元素的性質，它默認獨佔一行，所以這個時候block本身就是瀏覽器窗口的寬度，就不必要求來設置水平居中了。
對塊級元素中的內容居中。
3.內聯元素居中。
text-align：center
內聯元素居中，給內聯元素父級元素加上div，然後對div設置text-align:center
