塊元素行內元素水平垂直居中方式


水平居中:

①行內元素(或行內塊元素)包含在塊元素里時可將元素看作是父元素中的文本,父元素(塊元素設置text-align:center;)

②1.塊元素定寬時,設置margin: auto;即可實現水平居中

 

②2.塊元素定寬時,設置position定位實現水平居中

 

 

 

 

垂直居中:

對應① 設置height=line-height;即可實現行內元素在塊元素中垂直居中效果

 

 對應②2. 同理設置position定位實現塊元素垂直居中

 


免責聲明!

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



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