佈局
何如讓一個標籤上下左右都居中？這有什麼難的，給定子標籤的寬，再讓它的邊距上下為0，左右為auto;如下：
.child{width:10px;margin:0 auto;}//子標籤它就可以左右居中了。上下的話，就是讓父標籤展現成表格，子標籤展現成單元格並把vertical-align屬性設定成middle就可以了;
.father{display:table}
.child{display:table-cell;vertical-align: middle;}它就可以了上下也居了。
但是…這種技術太老了！而且只適合pc端，移動端的不適合用這套…
其實移動端的不難，用flex佈局。這佈局也不難，不是特別高階的技術,所以應該把它學起來！不說了直接上程式碼。
.father{background-color: red;width: 120px;height: 110px;display: flex;justify-content:center;align-items:center;}
.child{background-color: blue;width: 20px;height: 10px;}上面也是可以實現上下左右居中，而且flex佈局不僅僅這有這樣，它相當牛！
上面的核心程式碼:
display: flex;//標籤展現成flex
justify-content:center;//讓子標籤水居中
align-items:center;//讓子標籤垂直居中