display:inline-block和元素水平居中的關係

通常狀況下, 若是咱們要使一個div在父元素中水平居中顯示, 咱們會給它設置一個寬度, 而後設置margin: 0 auto; 但這個屬性只有在div的display爲block或者默認狀況下才會有效果. 可是在某些必需的狀況下, 咱們給div設置了display爲inline-block的狀況下, 發現使用margin來讓其居中這個方法行不通. 那麼此時解決的方法就是: 給該元素的父元素添加樣式

>>阅读原文<<