那是我在夕陽下的code

佈局
何如讓一個標籤上下左右都居中？這有什麼難的，給定子標籤的寬，再讓它的邊距上下爲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;//讓子標籤垂直居中