圖片水平居中、垂直居中、水平垂直居中

一、水平居中 1、方法一 將圖片設置： Display：block； Margin：0 auto； eg:   2、方法二 使用絕對定位： eg： 爲什麼使用了定位，圖片並沒有水平居中？ 居中的本質是圖片的中線與父元素的中線重合，然而簡單的使用left：50%，是「圖片的左線」與「父元素的中線」進行重合。 要達到水平居中可以使用margin屬性，將margin-left設置爲負的圖片寬度的一半。

>>阅读原文<<