달력

122019  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  
글과 글사이의 줄간격을 지정해준다.

주로 쓰는 방법은 이랬다.
style='line-height:150%;'

이런형식이었으나, 어느날 각자 컴퓨터 마다 줄간격이 다르다는 제보가 들어왔다..
아.. 뭐지? 왜 컴터 마다 다르지? 기본 글꼴을 확인해본결과 같은 굴림체였다,

그럼, 알아보자, 뭐가 다를까..
여기에 쓸수 있는 단위는

px        em           pt       %

가 있다. 이중 내가 썼던 이  '%(퍼센트)' 라는 녀석은,
부모 요소를 기준으로 계산이 된다고 한다.
부모 요소..? 의 기준은 뭔가,, 그것까지는 알수 없었지만,
브라우저의 기준에 따라 달라진것 같다.

inherit
부모요소를 상속하도록 지정(IE6, IE7은 지원하지 않는다.)

최근 웹표준CSS를 지키려 노력해보는 중이라, 이건 안쓰도록 해야겠다.

대부분의 단위에서 웹표준이 em을 많이 권고하고 있었다. 그래서 em으로 써봤더니,
같은 줄간격으로 해결이 났다.

아! 기쁘구나~!

letter-spacing:-1px;
글간격도 이런식으로 썼는데, 최근에는 -0.1em; 이형식을 쓰고 있다.
Posted by るか

댓글을 달아 주세요