好久沒有敲代碼,今天敲代碼的時候偶然發現,咦,怎么給元素添加了margin:0 auto卻不居中對齊呢?
發現原來只有塊級元素添加margin:0 auto有效果,行內元素和行內塊元素添加margin:0 auto均不起效果。
想要讓行內元素居中:
方法一:將行內元素的margin四個值或是父元素的padding四個值一步一步調(不推薦);
方法二:先將行內元素設置為塊級(display:block;)元素,再設置margin:0 auto;
方法三:將包裹行內元素的父元素寫入我們常給文字居中的代碼(text-align:center;)