当前位置:首页 > Web开发 > 正文

关于CSS的问题

2024-03-31 Web开发

标签:

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

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

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

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31142.html