水平居中

• 這里討論的水平居中，是針對處于文檔流中的元素。絕對定位(absolute),固定定位(fixed),浮動（float）這三種定位的元素由于脫離了文檔流，如果要水平居中只能通過設置top/right/bottom/left位置達到。這里討論的水平居中是針對還處于文檔流中的元素，也就是無定位(static)和相對定位(relative)元素。文檔流中的元素分為block,inline-block,inline三種顯示模式，所以水平居中也分為三種方式：

1. 對于block元素，水平居中通過設置margin: 0 auto來實現。
2. 對于inline-block元素，需要通過設置父元素的text-align:center來實現。
3. 對于inline元素同inline-block元素。

垂直居中

• 文字垂直居中可以用line-height等于容器高度來實現。
• 如果是圖片，可以使用padding:xxpx 0來實現。