2013-05-31 4 views
1

태그가있는 CSS 목록이 display: inline-block;이고 <ul>display: block; list-style-type: disc; -webkit-column-count: 4; 인 HTML 목록이 있습니다. 나는 격자 모양으로 <li> 꼬리표 안쪽에 모든 div를 표시하도록 CSS를했다. 내가 원하는 것은 셀을 나란히 표시하는 것입니다. 한 행이 가득 차면 다음 행으로 이동합니다. 대신, 그들은 서로의 상단에 하나를 표시하고 대신 다음 열로 이동합니다.HTML 목록이 나란히 표시되지 않음

+0

jsfiddle에 코드를 넣을 수 있습니까? 그래서 우리는 그것을 볼 수 있습니다 –

답변

0

이 CSS 사용해보기 : li {display:block; float: left}

+0

@Siddharth : 이것이 어떻게 답을 제공하지 않는지 모르십니까? 이 작업은 목록 항목을 한 행에 나란히 표시하고 해당 행이 꽉 찬 경우 다음 행으로 이동합니다. 이것은 질문에서 질문 한 것과 일치합니다. – neelsg

+0

나는 나의 코멘트를 되 찾는다. 이것은 가능한 대답입니다. 그러나 그것은 문제를 해결합니까, 나는 그 대답을 기울입니다. 당신 말이 맞아요. 내 의견을 삭제합니다. 너무 깨끗하게 지키기 위해 자신을 삭제 해달라고 요청하십시오. – Siddharth

관련 문제