이야기
줄간격 line-height: 적용이 안되는 코드
아래 코드중 첫번째  [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>
 
 
 
 

이 게시물을

에디터 선택

※ 주의 : 페이지가 새로고침됩니다

이 댓글을 삭제하시겠습니까?

SEARCH