G

css 질문

· 16년 전 · 1048 · 5

css에서 valign=middle; 효과를 내려면 어떻게 하면 되죠?
테이블 사용시
<td valign=middle>이잖아요..
css는 어떻게 할까요?

|

댓글 5개

line-height:50px;
예)
<div style="width:967px;height:50px;line-height:50px;color:#274161;border-color:#A7B3C3;border-style:solid;border-width:1px;text-align:center;margin:10 0 0 0;">
없음!
</div>
valign=middle css 로는 style="vertical-align:middle;" 로 표현을 합니다.

각 옵션은

top, baseline, middle, bottom .. 맞낭 -_-
w3.org(http://www.w3.org/TR/CSS1/#vertical-align)를 보면
'vertical-align'은 inline element에 적용하는 겁니다.
알파벳은 중간에 기준선이 있고 그 기준에서 글씨를 씁니다.m은 기준선 바로 위에
g는 기준선 밑으로 꼬리가 내려오죠.

이런 기준선을 조정하는 스타일입니다.
<td valign하고는 다릅니다.

http://www.student.oulu.fi/~laurirai/www/css/middle/
참고하세요.
valign 태그의 기능은 css 로 구현이 안돼는군요
대신.. 다른 걸로 이용을 하고있군요.

엑스엠엘님 덕분에 좋은정보 감사합니다.
한줄의 텍스트를 vertical middle 로 하려면 height = line-height 로 하면 됩니다.

<div style='height:50px; line-height:50px>
한줄만!!!
</div>
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
16년 전 조회 973
16년 전 조회 1.1만
16년 전 조회 958
16년 전 조회 2,537
16년 전 조회 2,728
16년 전 조회 960
16년 전 조회 1,052
16년 전 조회 990
16년 전 조회 1,539
16년 전 조회 1,049
16년 전 조회 838
16년 전 조회 1,030
16년 전 조회 2,969
16년 전 조회 982
16년 전 조회 1,023
16년 전 조회 840
16년 전 조회 1,745
16년 전 조회 4,319
16년 전 조회 1,411
16년 전 조회 1,199