li 가로 정렬 문제요~ 채택완료

<div >
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>

아래 순서처럼 보이게 할려고 합니다. 
js if로 해야 될듯합니다만 ^^;;; 


1 5
2 6
3
4

감사합니다. 

답변 2개

채택된 답변
+20 포인트

    ul{display:flex; flex-flow: column; height: 150px; flex-wrap: wrap;}

    ul li{height:25%;}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

css CSS 가상 클래스 선택자 - ofcourse 

가상선택 클래스 이용해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고