一.水平居中
1.display:inline-block;
這個方法是把容器先轉為行內塊級，然后用text-align:center厂捞；來讓內容相對于其父元素水平居中输玷。
2.margin：0 auto；
這個方法是針對塊級元素的靡馁。
3.父級元素設置position：relative欲鹏；子元素position：absolute；
子元素設置top：50%臭墨；height：20px赔嚎；margin-top：-10px；
二.垂直居中
1.vertical-align
適用于內聯(lián)元素（以及被轉化為內聯(lián)元素的塊元素）胧弛，或者display設置為table-cell的元素尤误，在 firefox 和 ie8 下，可以設置塊級元素的 display 值為 table-cell结缚，來激活 vertical-align 屬性损晤，顯示效果和就和表格中的 valign="center" 一樣了。但 ie6,7 并不支持红竭。
2.height加line-height
針對塊級元素內的內容垂直居中尤勋，設置height=line-height的高度可以達到目的码党。
3.等同于水平居中的第三個方法。
三.table
設置父元素的display為table斥黑，設置子元素的display為table-cell揖盘。子元素再加上vertical-align:middle;text-align:center;。
