line-height 적용된 문단에 input 정렬 문의드립니다.
이리온
style type=text/css
*{margin:0; padding:0;}
dl {width:500px; margin:0 auto; margin-top:100px; border:1px solid #000;}
dt {float:left; height:40px; line-height: 40px; padding-right:30px; background:aqua;}
dd {height:40px; line-height:40px; background:yellow; }
input {vertical-align: middle; }
/style
dl
dt제목/dt
ddinput type=text //dd
/dl
----------------------------------------------------------------------------
파폭에서는 인풋이 자동으로 가운대 정렬이 되는데
익스, 크롬에서는 인풋이 위에 붙어 있습니다. ㅠㅠ 세개 전부다 가운대로 정렬 할려면 어떻게 해야 하나요?ㅠㅠ;;
vertical-align: middle 로 해도 당췌 먹지를 않습니다. ㅠㅠ 제가 이해력이 부족한가봐요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠ
도와주세요....
-
지음
그렇군요,, 그럼 블록 요소중에 height 값이 다른놈이 나올꺼라는걸 예상하게 되면
두번 코딩 안하는 방법은 없나보네요,, 좋은답변 감사합니당 -
나라빛
input이나 img 들은 line-height로 세로 가운데 정렬이 안됩니다.
세로 가운데 정렬 하시려면 위아래 패딩값으로 하시던지
위패딩+높이값으로 하시던지 해야 합니다.