이미지 세로 가운데 정렬
본문
list.skin.php
<div class="img_area">
<a href="<?php echo $list[$i]['href'] ?>" title="<?php echo $list[$i]['wr_subject']?>">
<img src="<?php echo $thumb['src']?>" alt="<?php echo $thumb['alt']?>" width="<?php echo $board['bo_gallery_width']?>" class="img_style" /></a></div>
<?php }?>
-----------------------------------
style.css
.img_area { position:relative; float:left; width:30%; }
.img_style {vertical-align: middle; border:1px solid #ebebeb;}
--------------------------------
여기저기 vertical-align: middle 를 넣어도
이미지가 세로 가운데 정렬이 안되네요
고수님들 부탁드립니다
답변 1
float를 사용하면 해당요소가 block요소로 바뀌는데
vertical-align은 inline요소를 가운데로 정렬해줄때 사용해요
상위요소를 display: table-cell로 바꿔보세요
답변 고맙습니다
line-height 로 해결했습니다
답변을 작성하시기 전에 로그인 해주세요.
