Copy
<div> <ul> <li>AAA</li> <li>BBB</li> <li>CCC</li> </ul> </div>li 목록은 DB 에서 유동적인 데이터를 끌고 옵니다.
<br/> 태그를 사용하지 않고 2개까지 수평으로 뿌려주고 3개 즉 홀 수 부터는 개행 처리하여
밑으로 출력하게 하고 싶은데요
css를 어떻게 짜야 할지 모르겠습니다. 도와주세요.
테이블은 사용하지 않습니다.
답변 2개
채택된 답변
+20 포인트
2016-01-28 (목) 09:43:05
잘 되겠는지 모르겠네요.
일단은 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%로 설정해보세요. ㅎㅎ
PIREE
2016-01-27 (수) 22:49:45
Copy
<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++) 이걸 이용해서 하시면 되고요.
답변을 작성하려면 로그인이 필요합니다.