위아래 간격을 조금 주고 싶은데 도와주세요~
본문
제목하고 이미지하고 위아래 간격이 없이 딱 붙어서 각격을 조금 주고싶은데
안되네요 아래 소스에서 어디를 수정하면 될까요?
고수님들 도와주세요! "감사합니다"
<section id="bo_v_summary">
<h3 class="bo_v_title">
<small><?php if ($category_name) echo $view['ca_name']; ?></small>
<?php echo cut_str(get_text($view['wr_subject']), 70); ?>
</h3>
<section id="bo_v_img">
<div class="fotorama" data-nav="thumbs" data-navposition="bottom" data-arrows="false" data-loop="true">
<?php
for ($i=0; $i<count($view['file']); $i++)
{
echo $size[0];
if ($i == 0) echo ''.PHP_EOL;
$bo_v_clear = '';
if ($i%3 == 0) $bo_v_clear = ' style="clear:both"';
if ($view['file'][$i]['file']) {
$image = urlencode($view['file'][$i]['file']);
if (preg_match("/\.(gif|jpg|png)$/i", $image) && file_exists(G5_PATH.'/data/file/'.$bo_table.'/'.$image)) { // 첨부파일이 있고, 이미지라면
echo '<img src="'.G5_URL.'/data/file/'.$bo_table.'/'.$image.'" alt="'.$view['file'][$i]['bf_content'].'" class="'.$size[0].' '.$size[1].'">'.PHP_EOL;
}
}
}
?>
</div>
</section>
답변 3
id = bo_v_summary
인것이 제목이니
스타일을 제목에 하단여백을 주시면
떨어집니다.
<style>
#bo_v_summary {margin-bottom:20px}
</style>
margin-bottom값을 더 늘리면 더 늘어납니다.
CSS에서 찾아야 됩니다. 좌표 주소를 줘보세요
간격조절은 margin , padding , line-height 으로 가능합니다.
상황에 맞게 사용하세요~