行内元素设置margin:0 auto无效的问题

行内元素指的是可在同一行内排列的元素，列举几个常用行内元素：img、input、span、label、a、textarea、button。

通常要给元素设置居中得效果的话，很多人会先想到margin: 0 auto;可当用这种方法给行内元素设置时，行内元素没有呈现我们想要得居中效果，以下为解决方案（行内元素宽度给不给都可以）。

方法一：最笨得方法就是将行内元素的margin四个值或是父元素的padding四个值一步一步调（不推荐）；

方法二：先将行内元素设置为块级（display:block;）元素，再设置margin：0 auto；

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