사용자 도구

사이트 도구


html:css:inline

문서의 이전 판입니다!


Inline

Firefox와 inline element 높이 height

<style type="text/css">
body { margin: 0; padding: 0; font-family: 굴림; font-size: 12px; }
span { margin: 0; padding: 0; }
</style>
 
<div>
    <span>이 Span 영역의 높이가 Firefox 8에서만 다릅니다.</span>
</div>

위와 같은 상황일 때 <span> 영역은 글꼴의 크기가 12px이므로 12px이 나오는 것이 정상인데, Firefox(현재 8버전)에서만 높이가 14px로 측정된다. 높이 height가 달라지는 이 현상은 Firefox의 경우 input 혹은 button 등에서도 일어나는 것으로 보인다.

이 문제는 현재로써는 <span>에 display: inline-block;을 주면 해소가 되긴 한다. 하지만 정확히 문제가 무엇인지는 파악을 못하고 있다.

html/css/inline.1323170745.txt.gz · 마지막으로 수정됨: 2011/12/06 20:25 저자 kwon37xi