在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 為什么top left right bottom 都設置0，再margin: a

為什么top left right bottom 都設置0，再margin: auto 就可以將元素垂直水平居中？

div{
            width: 200px;
            height: 200px;
            background: green;
            position:absolute;
            left:0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

如上，為什么要把top left right bottom 都設置為0？少一個都不會居中，原理是什么

回答
編輯回答
有點壞

以水平方向為例子，絕對定位的元素:

left + 
margin-left + 
border-left + 
padding-left + 
width + 
padding-right +
border-right +
margin-right +
right = 
包含塊

width為定值，padding, border默認為0/none，left、right為0，那么margin-left和margin-right為auto，則平分剩余空間，居中。

規(guī)范鏈接

2018年1月6日 04:28
編輯回答
赱丅呿

需要在各個方向達到平衡，自然就居中了

2018年4月2日 09:47