margin:auto 实现的条件

网上搜索到margin：auto 实现的条件有三：

第一：给居中的元素一个固定的宽度（固定的宽度不是指一定要px）

第二：该元素没有设浮动

第三：父级使用<center></center>标签（center标签在html4.01中已经废弃，在html5里不支持可以设置css属性text-align:center代替）

　　在满足1，2的条件下我将行内元素设置了display:inline-block属性来支持with的设置

然后设置margin:auto的属性，但是无效。

　　把display属性改成display:block     margin:auto生效了（然而我并没有将他的父级设置text-align:center属性）

　　当然把将父级设置text-align:center属性  即使display为inline-block也是同样能实现居中效果的

转载于:https://www.cnblogs.com/sgzg/p/6840128.html