在頁面布局中經常會涉及到各種居中問題掐松，下面統計下經常用到的各種居中方法：
1.行內元素的水平居中
如果父元素是塊級元素雄可，那直接給父元素設置 text-align：center
樣式設置如下：
css 1
效果如下：
行內元素水平居中
2.行內元素的垂直居中
? ? ? ?1.單行元素
單行元素設置行高等于box的高。樣式如下：
單行樣式設置行高
效果如下：
單行元素垂直居中
2.多行行內元素
以下只列舉一種實現方法堕花。利用display：table-cell和vertical-align:middle;
多行行內元素
效果如下：
多行行內元素
3.塊級元素的水平居中
塊級元素的水平居中方法比較簡單，利用margin就能實現：
水平居中
4.塊級元素的垂直居中
垂直居中
主要是利用的position定位和top：50%，margin-top是元素height的一半來實現的雕擂。
還有使用display：flex的定位方法來實現垂直居中，此處不一一列舉了贱勃。
