絕對定位情況下水平垂直居中的方法


非絕對定位情況下,一般使用margin:0 auto的方法來進行居中,但在絕對定位情況下,margin:0 auto會失效。

這時,進行水平垂直居中可以如下:

position:absolute;
left:50%; //left設置為50%,這時是以元素的左側進行的水平居中,所以需要設置margin-left為元素寬度的一半。
top:50%;//垂直居中原理同水平居中
margin-top:-100px;
margin-left:-100px;
width:200px;
height:200px;
z-index:1;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM