在前端開發(fā)過程中，我們不可避免的會遇到一些水平居中和垂直居中的問題，現(xiàn)就居中問題做以下總結。
a：水平居中
1，寬度固定的DIV
? ? ? 我們只需要加上一句css代碼即可，margin: 0 auto。
2，寬度不定的DIV
? ? ?父元素添加 text-align: center；子元素添加 display:inline-block；
? ? ?即可實現(xiàn)寬度不定的子元素的水平居中
3，絕對定位元素居中，我們只需按照下面寫法即可。
b：垂直居中
1，對于有多個高度不一子元素的父元素（高度不知）來說，如何讓子元素都垂直居中呢？
? ? ?子元素添加display: inline-block； vertical-align: middle；即可實現(xiàn)子元素在父元素的垂直居中。
2，對于單行文本來說，令line-height和height值一樣即可。
3，還可以在父元素添加 display:table-cell；vertical-align:middle；實現(xiàn)子元素的垂直居中。
4，絕對定位元素垂直居中，我們我們只需按照下面寫法即可。
