갤러리형 리스트에서 가로 이미지수제한을 없애고싶습니다.
http://powerhouse-company.com/projects/
제목 그대로 위 사이트처럼 갤러리형 게시판을 제작하려고하는데 가로이미지수 제한없이 float:left를 사용해서 목록수만큼 width 100%로 나열하고 싶습니다.
가로 이미지수가 화면 넓이에 꽉차면 다음줄로 넘어가서 정렬되게하고싶은데 가로이미지수 제한을 없앨 방법은 없나요??
제목 그대로 위 사이트처럼 갤러리형 게시판을 제작하려고하는데 가로이미지수 제한없이 float:left를 사용해서 목록수만큼 width 100%로 나열하고 싶습니다.
가로 이미지수가 화면 넓이에 꽉차면 다음줄로 넘어가서 정렬되게하고싶은데 가로이미지수 제한을 없앨 방법은 없나요??
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
이미지를 ul 또는 li로 감싸서 이미지의 크기만을 적용시킴니다
한이미지가 ul로 시작했으면 /ul까지 사용하시고 이때 개행을 정하는것은 ul의 width가 됩니다
[code]
예)<?for($i=0; $i<count($list);$i++){?>
<ul><li><img src=xxx></li></ul>
<?}?>
[/code]
li로 시작하셧다면 당연히 /li로 끝나지만 이미지의 가로숫자에 한해 /ul을 주게 되는데 이 /ul은 모든이미지를 불러오고 나서 끝내는 방식입니다
이 때 개행을 정하는것은 li의 width가 됩니다
[code]
예)<ul>
<?for($i=0; $i<count($list);$i++){?>
<li><img src=xxx></li>
<?}?>
</ul>
[/code]