문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
html:css:inline [2011/12/07 00:15] kwon37xi |
html:css:inline [2011/12/07 00:23] (현재) kwon37xi [Firefox와 inline element 높이 height] |
||
---|---|---|---|
줄 14: | 줄 14: | ||
</ | </ | ||
- | 위와 같은 상황일 때 < | + | 위와 같은 상황일 때 < |
높이 height가 달라지는 이 현상은 Firefox의 경우 input 혹은 button 등에서도 | 높이 height가 달라지는 이 현상은 Firefox의 경우 input 혹은 button 등에서도 | ||
줄 21: | 줄 21: | ||
http:// | http:// | ||
- | inline 요소는 line-height를 지정할 수 없는게 맞고, inline 요소의 높이는 브라우저 재량으로 정해지는 것이다. | + | **inline 요소는 line-height를 지정할 수 없는게 맞고, inline 요소의 높이는 브라우저 재량으로 정해지는 것이다.** |
- | 따라서 inline 요소의 높이를 명시하고자 한다면 display: block; 혹은 display: inline-block; | + | 따라서 inline 요소의 높이를 명시하고자 한다면 display: block; 혹은 display: inline-block; |
- | 만약 높이를 미세하게 조정하고자 한다면 해당 요소는 inline이 아닌 block 요소를 사용해야 하며, 그게 아니라면 block 스타일을 줘야만 한다. | + | 만약 |