解决ul下的li换行问题,(父元素div加overflow:scroll没作用的问题)

Posted 小混蛋&闯江湖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决ul下的li换行问题,(父元素div加overflow:scroll没作用的问题)相关的知识,希望对你有一定的参考价值。

#left, #right {
width: 50%;
box-sizing: border-box;
min-height: 100%;
float: left;



overflow: scroll;//必须写
}
#left ul{

float: left;//必须写
display:flex;//必须写

}
#left ul > li {
   display:inline-block;//必须写

list-style: none;
box-sizing: border-box;
float: left;
text-align: center;
height: 40px;
line-height: 40px;
border-right: 1px solid #ffffff;
/*white-space:nowrap;*/
}

以上是关于解决ul下的li换行问题,(父元素div加overflow:scroll没作用的问题)的主要内容,如果未能解决你的问题,请参考以下文章

子元素覆盖父元素

UL和浮动DIV:列表文本换行但背景颜色不换行

ul,li无法撑开div的问题

jquery如何获取ul中第一个li和最后一个li

前台脚本:UL LI 列标签文字内容超出宽度后换行?

jquery获取ul下的第1,3,5,7,9个li