목록 태그 겹치기

Question

현재 데이터가 목록에서 바인딩되는 프로젝트를 수행하고 있지만 목록보기 데이터가 서로 겹치고 있습니다. 아래 화면은 짧음

참고 : 우선 li 데이터가 두 번째로 겹칩니다. 데이터 길이에 따라 <li> 태그의 높이를 자동으로 높이려면 어떻게해야합니까?

.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

이를 사용해보십시오

여기 내 목록보기 CSS입니다. 방금 높이 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; 

} 

Answer 2

이 시도 :

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