行内元素指的是可在同一行内排列的元素,列举几个常用行内元素:img、input、span、label、a、textarea、button。
通常要给元素设置居中得效果的话,很多人会先想到margin: 0 auto;可当用这种方法给行内元素设置时,行内元素没有呈现我们想要得居中效果,以下为解决方案(行内元素宽度给不给都可以)。
方法一:最笨得方法就是将行内元素的margin四个值或是父元素的padding四个值一步一步调(不推荐);
方法二:先将行内元素设置为块级(display:block;)元素,再设置margin:0 auto;
方法三:将包裹行内元素的父元素写入我们常给文字居中的代码(text-align:center;)