水平居中
- 這里討論的水平居中宝恶，是針對(duì)處于文檔流中的元素涕俗。絕對(duì)定位(absolute),固定定位(fixed),浮動(dòng)（float）這三種定位的元素由于脫離了文檔流，如果要水平居中只能通過設(shè)置top/right/bottom/left位置達(dá)到。這里討論的水平居中是針對(duì)還處于文檔流中的元素浓体，也就是無定位(static)和相對(duì)定位(relative)元素颠蕴。文檔流中的元素分為block,inline-block,inline三種顯示模式泣刹，所以水平居中也分為三種方式：
- 對(duì)于block元素，水平居中通過設(shè)置margin: 0 auto來實(shí)現(xiàn)犀被。
- 對(duì)于inline-block元素椅您，需要通過設(shè)置父元素的text-align:center來實(shí)現(xiàn)。
- 對(duì)于inline元素同inline-block元素寡键。
垂直居中
- 文字垂直居中可以用line-height等于容器高度來實(shí)現(xiàn)掀泳。
- 如果是圖片，可以使用padding:xxpx 0來實(shí)現(xiàn)西轩。
