如何让li保持在ul里面_html/css_WEB-ITnose
程序员文章站
2024-01-05 13:17:34
...
无标题文档
- 姓名
- 性别
- 生日
- 邮箱
- 电话
alkjshfgkahafo;alsksdfkhasdklfhasdjfkjasiuaebhgjlsdhg;hseikgh
在ul里面的li如果使用float使他在一行显示的话,外面的ul的框就很矮.li比ul高.如果使用display:inline使他在一行显示的话,li的宽度就无法设置 始终是最小宽度.请问怎么才能让他又在一行显示,li的宽度又可以设置,外面ul的高度也可以包围住li
回复讨论(解决方案)
分别为ul和li设置高度,使ul能够包围li
ul{overflow:hidden;}
分别设置高度不是很灵活.解决方法我发现是使用dispaly:inline-block
overflow:hidden;加个这个就可以了
ul加个overflow:auto,或者让ul跟LI一样浮动起来。。或者是加固定的宽高
推荐阅读
-
如何让li保持在ul里面_html/css_WEB-ITnose
-
ul li 里面嵌套 ol li ,为甚么不能够在同一行显示_html/css_WEB-ITnose
-
ul li 里面嵌套 ol li ,为甚么不能够在同一行显示_html/css_WEB-ITnose
-
如何让网页一次过展开树状里面全部的内容_html/css_WEB-ITnose
-
如何让ul li 的溢出内容的显示为....点点符号_html/css_WEB-ITnose
-
如何让ul li 的溢出内容的显示为....点点符号_html/css_WEB-ITnose
-
ul嵌套,li加背景图片后出现重叠,请教如何解决_html/css_WEB-ITnose
-
CSS如何使
- 对齐
- 的下边框?_html/css_WEB-ITnose
- 对齐
-
ul嵌套,li加背景图片后出现重叠,请教如何解决_html/css_WEB-ITnose
-
ul li 如何设置disabled 效果?_html/css_WEB-ITnose