元素添加margin:0 auto;卻不生效


好久沒有敲代碼,今天敲代碼的時候偶然發現,咦,怎么給元素添加了margin:0 auto卻不居中對齊呢?

發現原來只有塊級元素添加margin:0 auto有效果,行內元素和行內塊元素添加margin:0 auto均不起效果。

想要讓行內元素居中:

方法一:將行內元素的margin四個值或是父元素的padding四個值一步一步調(不推薦);

方法二:先將行內元素設置為塊級(display:block;)元素,再設置margin:0 auto;

方法三:將包裹行內元素的父元素寫入我們常給文字居中的代碼(text-align:center;)

 


免責聲明!

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



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