jquery - 列表标签重叠

Question

目前我正在做一个数据绑定在列表中的项目，但这里我的列表视图数据相互重叠。下面是屏幕短

注意：第一个li数据重叠第二个。如何<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;
}

Answer 1

试试这个：

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

Answer 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;

}