텍스트, 이미지, 인풋박스가 나란히 있을때 vertical-align:middle 문제
Addicted
2023.04.01
텍스트, 이미지, 인풋박스가 나란히 있을때,align=absmiddle말고
style=vertical-align:middle;을 주면...
파이어폭스에선 정확히 나타나지만,
익스6,7에선 텍스트가 이미지 상단쪽으로 붙고, 상단에 약간의 여백이 발생합니다.
그래서 style=vertical-align:middle; margin-bottom:2px;을 주니까 익스에선 상하단에 동일한 공간이 생기는데...
파이어폭스는 아래쪽에 2픽셀만큼의 공간이 생기게 되죠...
이럴경우엔 결국...핵을 쓰는 방법밖에 없을까요? ㅠ,,ㅠ
-
엘보어
아래쪽에도 답변을 드렸다 싶히 모질라 계열과 IE(8제외)계열의 form오브젝트의 구현이 틀립니다.
어쩔수 없습니다. 핵으로 대처하는 수밖에. -
가람
vertical-align 에 middle top bottom 외에 픽셀로도 제어가능합니다.
vertical-align:-2px; 주고 살짝살짝 숫자바꾸시면 거의 맞춰지지않나요?! -
아서
정신건강상 해로워요. 그냥 넘어가세요ㅎ
-
진나
이럴 경우에 브라우져 특성이다 생각 하고 넘어가는방법을 씁니다 ^^;