Jquery 列表标记重叠

Jquery 列表标记重叠,jquery,html,css,Jquery,Html,Css,目前我正在做一个项目,其中数据绑定在一个列表中,但这里我的列表视图数据彼此重叠。下面是简短的屏幕 注:第一个li数据重叠第二个。如何根据数据长度自动增加标签的高度 以下是我的列表视图CSS: .listInnerLi { list-style: none; display: block; font-family: 'Gotham-Light', sans-serif; font-size: 0.8em; background: #000839; b

目前我正在做一个项目,其中数据绑定在一个列表中,但这里我的列表视图数据彼此重叠。下面是简短的屏幕

注:第一个
li
数据重叠第二个。如何根据数据长度自动增加标签的高度

以下是我的列表视图CSS:

.listInnerLi
{
    list-style: none;
    display: block;
    font-family: 'Gotham-Light', sans-serif;
    font-size: 0.8em;
    background: #000839;
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
    min-height: 60px;
    width: 100%;
    height: auto !important;
}
试试这个:

<style>
   li {
       line-height:2em;
   }
</style>

李{
线高:2米;
}

尝试使用此选项。只是增加了60像素的高度和2倍的填充。并删除了自动高度

.listInnerLi
{
    list-style: none;
    display: block;
    font-family: 'Gotham-Light', sans-serif;
    font-size: 0.8em;
    background: #000839;
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
    min-height: 60px !important;
height:60px;
    width: 100%;
padding:2px;

}

你能提供一个链接吗?在你发布的CSS中,似乎还有其他一些因素影响了高度。你是否尝试过添加清晰的内容:两者都有;或浮动:左;你能提供你的HTML代码吗?我认为一个单词中有continue字符,这使你遇到了问题。在课堂上使用“单词包装:打断单词;”