줄간격 line-height: 적용이 안되는 코드
지지온
2012.06.16 10:31:51
출처:
아래 코드중 첫번째 [A] 의 경우 줄간격 적용이 안되네요.
CSS 의 line-height 가 조금 까탈스런 면이 있는거 같습니다.
익스플러,크롬,불여우 똑같구요.
아시는 분은 아실테지만 저는 오늘 처음알았습니다.
테스트 코드
<div style="line-height:170%; font:normal 12px 돋움;">
<b>line-height 적용결과 [A]</b><br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
</div>
-------------
<div style="font:normal 12px 돋움; line-height:170%;">
<b>line-height 적용결과 [B]</b><br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
</div>
-------------
<div style="line-height:170%; font-size:12px; font-family:돋움;">
<b>line-height 적용결과 [C]</b><br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
가나다라 abcd 1234<br>
</div>