溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了margin中auto為什么可以實現垂直居中，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
margin概念
margin屬性為給定元素設置所有四個（上下左右）方向的外邊距屬性。這是四個外邊距屬性設置的簡寫。四個外邊距屬性設置分別是：margin-top，margin-right，margin-bottom和margin-left。指定的外邊距允許為負數。
margin的top和bottom屬性對非替換內聯元素無效，例如span和 code。
塊狀水平元素，如div元素（下同），在默認情況下（非浮動、絕對定位等），水平方向會自動填滿外部的容器；如果有margin-left/margin-right,padding-left/padding-right等，實際內容區域會相應變窄。
當一個絕對定位元素，其對立定位方向屬性同時有具體定位數值的時候，流體特性就發生了。具有流體特性絕對定位元素的margin:auto的填充規則和普通流體元素一模一樣，含有以下特性：
如果一側定值，一側auto，auto為剩余空間大小；
如果兩側均是auto, 則平分剩余空間
因此，margin : auto 可以實現垂直居中。
想要實現垂直方向的居中可以用絕對定位：
div {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}上述內容就是margin中auto為什么可以實現垂直居中，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
