关于CSS的问题

1、行元素在块级元素中浮动,块级元素无法实现居中

比如说:li 元素在 ul 元素中浮动,ul 元素是块级元素,宽度为页面的宽度,难以实现 li 元素在 ul 中居中对齐。

可以将 ul 元素设为 inline-block,宽度为 auto,这样ul元素的宽度就会是 li 元素宽度的总和,并且将 ul 元素的父元素设为 text-align: center,由此 ul 元素在父元素中居中,li 元素也自然居中。

由上可以得知,将父元素的设为 inline-block,宽度设为 auto,则该父元素的宽度就是子元素宽度的和。

猜你喜欢

转载自www.cnblogs.com/wenxuehai/p/12227953.html