margin: auto爲什麼可以實現垂直水平居中

不論left還是right定義了auto,計算值都會是包含塊的剩餘空間,如果左右都設置了auto,那麼就會均分剩餘空間。

margin 是複合屬性,也就是說 margin: auto; 其實相當於 margin: auto auto auto auto;,margin: 0 auto;相當於 margin: 0 auto 0 auto;,四個值分別對應上右下左。

根據規範,margin-top: auto; 和 margin-bottom: auto;,其計算值爲0。這也就解釋了爲什麼 margin: auto; 等同於 margin: 0 auto;。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章