이전 목록 다음
채택완료

원하는 답변이 없어 다시 올립니다. CSS 도와주세요.

llkwa201
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-01-27 (수) 22:45:13 3,649
Copy 
<div>   <ul>     <li>AAA</li>     <li>BBB</li>     <li>CCC</li>   </ul> </div>

li 목록은 DB 에서 유동적인 데이터를 끌고 옵니다.

<br/> 태그를 사용하지 않고 2개까지 수평으로 뿌려주고 3개 즉 홀 수 부터는 개행 처리하여

밑으로 출력하게 하고 싶은데요

css를 어떻게 짜야 할지 모르겠습니다. 도와주세요.

테이블은 사용하지 않습니다.

그누보드5 html5 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%로 설정해보세요. ㅎㅎ 

PPIREE
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 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++) 이걸 이용해서 하시면 되고요.

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