원하는 답변이 없어 다시 올립니다. CSS 도와주세요.
본문
<div>
<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
</ul>
</div>
li 목록은 DB 에서 유동적인 데이터를 끌고 옵니다.
<br/> 태그를 사용하지 않고 2개까지 수평으로 뿌려주고 3개 즉 홀 수 부터는 개행 처리하여
밑으로 출력하게 하고 싶은데요
css를 어떻게 짜야 할지 모르겠습니다. 도와주세요.
테이블은 사용하지 않습니다.
답변 2
잘 되겠는지 모르겠네요.
일단은 div의 width값이 정해져있다는 가정하에...
div ul {padding:0; margin:0; width:100%; overflow:hidden;}
div ul li {list-style-type:none; width: 50%; float:left;}
이런식으로 width을 100% 또는 50%로 설정해보세요. ㅎㅎ
<div>
<ul>
<li style="clear:both;">AAA</li>
<li>BBB</li>
<li>CCC</li>
<li style="clear:both;">DDD</li>
<li>EEE</li>
<li>FFF</li>
<li style="clear:both;">GGG</li>
<li>HHH</li>
<li>III</li>
</ul>
</div>
이렇게 해 보세요.
반복문이면 for ($i=0; $i<$total_count; $i++) 이걸 이용해서 하시면 되고요.
답변을 작성하시기 전에 로그인 해주세요.
