[질문]정렬에 관하여 문의 드려요^^
맑은
간만에 또 이렇게 찾아뵈서 물어보네요..
아래 그림처럼 이미지던, 텍스트던간에 가운데 정렬은 잘됩니다.
근데 상하 센터정렬이 되질 않네요... 관련소스는#right .box_div .send_gift_div { margin: 0 auto; padding: 0 5px 0 5px; text-align: center; }
#right .box_div .send_gift_div dl { width: 400px; margin: 0 auto; padding: 0; }
#right .box_div .send_gift_div dl dd.send_gift_preview { width: 400px; margin: 0; padding: 10px 0 0 0; overflow: hidden; }
#right .box_div .send_gift_div dl dd.send_gift_preview .miniroom { width:398px; height: 197px; margin: 0; padding: 0; background:url(../images/common/miniroom_default.gif) }
#right .box_div .send_gift_div dl dd.send_gift_preview .miniroom img { vertical-align: top; }
#right .box_div .send_gift_div dl dd.send_gift_preview p { float: left; margin: 0; padding: 0;}
#right .box_div .send_gift_div dl dd.send_gift_preview p.item_title { margin: 0; padding: 6px 0; }
#right .box_div .send_gift_div dl dd.send_gift_preview p.item_title span.title { margin: 0; padding: 0; color: #000; }
#right .box_div .send_gift_div dl dd.send_gift_preview p.my_point { float: right; margin: 0; padding: 6px 0; }
#right .box_div .send_gift_div dl dd.send_gift_preview p.my_point span.num { margin: 0; padding: 0; color: #ba008c; font-weight: bold; }
위와 같이 주황색 css를 보시면bg가 깔리고 그안에 아이템이 들어가게 되죠.......
아이템이상하 가운데 정렬을 주려고 vertical-align: middle 을 줘도 안되고 무슨 방법이 없네요^^;
아시는분 답변 부탁드리겠 습니다.감사합니다.
-
조롱목
결국 table로 해결했네요 ㅋㅋㅋ 답변 너무감사드려요^^
-
시내
블럭엘리멘트내에서 vertical-align은 td 를 빼고는 먹지 않습니다.
여러가지 꼼수들과 번외 방법들이 존제합니다만...잘 안쓰게 되더라구요 ^^
(line-height를 이용 한다거나_수다님 블로그, table-cell 을 이용 한다거나.. 기타 등등요 %^^)
우선은 없다고 생각 하시면 됩니다~ *_*;; 이건 뭐 .. -
개미
아..없구나...ㅋㅋㅋ 조언 감사드립니다^^히히