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字符,这使你遇到了问题。在课堂上使用“单词包装:打断单词;”