码迷,mamicode.com
首页 > Web开发 > 详细

关于CSS的问题

时间:2020-01-22 10:33:57      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:就是   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!