html:css:inline

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:css:inline [2011/12/07 00:21]
kwon37xi [Firefox와 inline element 높이 height]
+++ html:css:inline [2011/12/07 00:23] (현재)
kwon37xi [Firefox와 inline element 높이 height]
@@ 줄 23: / 줄 23: @@
 **inline 요소는 line-height를 지정할 수 없는게 맞고, inline 요소의 높이는 브라우저 재량으로 정해지는 것이다.**
-따라서 inline 요소의 높이를 명시하고자 한다면 display: block; 혹은 display: inline-block;로 지정해야만 line-height를 명시하는게 가능해진다. 또한 이렇게 하면 line-height를 명시하지 않더라도 FF의 경우 다른 브라우저와 마찬가지로 글자의 높이에 맞춰서 블록의 높이가 정해지게 된다.
+따라서 inline 요소의 높이를 명시하고자 한다면 display: block; 혹은 display: inline-block;로 지정해야만 line-height/height 를 명시하는게 가능해진다. 또한 이렇게 하면 line-height를 명시하지 않더라도 FF의 경우 다른 브라우저와 마찬가지로 글자의 높이에 맞춰서 블록의 높이가 정해지게 된다.
 만약 **높이를 미세하게 조정하고자 한다면 해당 요소는 inline이 아닌 block 요소를 사용해야 하며, 그게 아니라면 block 스타일을 줘야만 한다.**

html/css/inline.1323184911.txt.gz · 마지막으로 수정됨: 2011/12/07 00:21 저자 kwon37xi