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

好久没有敲代码,今天敲代码的时候偶然发现,咦,怎么给元素添加了margin:0 auto却不居中对齐呢?

发现原来只有块级元素添加margin:0 auto有效果,行内元素和行内块元素添加margin:0 auto均不起效果。

想要让行内元素居中:

方法一:将行内元素的margin四个值或是父元素的padding四个值一步一步调(不推荐);

方法二:先将行内元素设置为块级(display:block;)元素,再设置margin:0 auto;

方法三:将包裹行内元素的父元素写入我们常给文字居中的代码(text-align:center;)

 

猜你喜欢

转载自www.cnblogs.com/chm-blogs/p/11222817.html