关于CSS的问题

2021-04-26 02:27

阅读:440

标签:就是   ext   问题   无法   浮动   inline   block   对齐   块级元素   

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

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

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

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

关于CSS的问题

标签:就是   ext   问题   无法   浮动   inline   block   对齐   块级元素   

原文地址:https://www.cnblogs.com/wenxuehai/p/12227953.html


评论


亲,登录后才可以留言!