1、行元素在块级元素中浮动，块级元素无法实现居中
比如说：li 元素在 ul 元素中浮动，ul 元素是块级元素，宽度为页面的宽度，难以实现 li 元素在 ul 中居中对齐。
可以将 ul 元素设为 inline-block，宽度为 auto，这样ul元素的宽度就会是 li 元素宽度的总和，并且将 ul 元素的父元素设为 text-align: center，由此 ul 元素在父元素中居中，li 元素也自然居中。
由上可以得知，将父元素的设为 inline-block，宽度设为 auto，则该父元素的宽度就是子元素宽度的和。
来源：https://www.cnblogs.com/wenxuehai/p/12227953.html