최신글 갤러기 배열 질문합니다.
본문
최신글 갤러기 배열 질문합니다.
아래 이미지 화쌀표 처럼 우측에 이미지가 3자리를 차지햇을대 좌측 아래 이미지는 자동으로 울로 올라 가게 할려고 합니다.
<?php
for ($i=0; $i<count($list); $i++) {
if($date = date("Y-m-d") <= $list[$i]['wr_5']){
?>
<span style="margin:0 5px 5px 0; max-width: 48%; float: left;">
<?php
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
}
$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" width="100%">';
?>
<a href="<?php echo $list[$i]['wr_link1'] ?>" target="_blank"><?php echo $img_content; ?></a>
</span>
<?php }}?>
답변 2
그냥 작은배너 클래스에 pull-left 주시고 큰 배너는 pull-right 로 주시거나
각각 col-xs-6 씩 주셔도 됩니다.
현재 보여주신 소스부분만 봐서는 따로 프로그램에 손댈 필요가 없이 그대로 가능해 보입니다. 혹시 다른 css랑 충돌된 부분이 없는가요?