列表标签重叠

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

尝试使用此功能。刚添加高度60px和填充2px。并删除了自动高度。

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

}