div안에서 vertical-align:middle 적용하기
파라미
안녕하세요.
div안에서 텍스트 문장이 한줄일때 두줄일때 수직정렬을 사용하고 싶은데요,,
기본 한줄은 저렇게 표기를 하구요.
두줄일 때는
이렇게 항시 가운데를 기준으로 맞추고 싶은데..
vertical-align:middle 을 어디에 넣어줘야 할지 모르겠습니다 ㅠ
html
div class=special
div class=spe_div1
회원님의 친구 의 친구 중에서 제일 먼저 추천하세요.
/div
div class=spe_div2
a href=javascript:fnSeePop();img src=../교체이미지/display/btn_recommend.gif alt=페이스북 추천하기//a
/div
/div
css
.special{ padding:0px 0 0px 0 ; border:1px solid #f2f0f3; height:45px;}
.spe_div1 {width:255px; height:44px; vertical-align:middle; float:left; padding-left:22px; padding-top:7px; background:url(../교체이미지/display/sns_f2.gif) no-repeat 6px 9px;}
.spe_div2 {float:right; padding-top:13px; padding-right:10px;}
-
연분홍
div
img /
span내용/span
img /
/div
div span\t{display:inline-block; width:80%; vertical-align:middle;}
div img {vertical-align:middle;}
요렇게만 하시면 ... -
해사랑해
앞에 이미지를 버팀목 삼아 inline-block 으로 잘 구슬리면?!
-
눈
아하 ㅎㅎ; 배경을 움직여도되겠군요!;
-
샤르
spe_div1의 백그라운드 세로 가운데 정렬은 no-repeat뒤에 6px 50% 하면 될거 같구요.
추천 버튼은 뒷 배경이 세로값 고정이라면 지금처럼 padding으로 해주심 될거 같아요^^ -
무들
페이스북아이콘을 배경으로 넣지마시고 img태그로 넣으시구요. 해당이미지에 vertical-align:middle하시고,
텍스트도 p태그같은걸로 감싸서 p태그에도 vertical-align:middle하시면 될거같네요.
div class=\spe_div1\
img src=\xx\ style=\vertical-align:middle;\ alt=\페이스북\/
p style=\vertical-align:middle;\회원님의 친구 중에서 제일 먼 -
SchokoHolic
line-height: 이걸로 줘보세욤