好久没有敲代码,今天敲代码的时候偶然发现,咦,怎么给元素添加了margin:0 auto却不居中对齐呢?
发现原来只有块级元素添加margin:0 auto有效果,行内元素和行内块元素添加margin:0 auto均不起效果。
想要让行内元素居中:
方法一:将行内元素的margin四个值或是父元素的padding四个值一步一步调(不推荐);
方法二:先将行内元素设置为块级(display:block;)元素,再设置margin:0 auto;
方法三:将包裹行内元素的父元素写入我们常给文字居中的代码(text-align:center;)