【CSS】line-height

line-height

행 높이 지정

자주 노트로 7mm 35행 등 표지에 기입되고 있는 것을 본 적이 있을까 생각합니다.
1행이 7mm폭으로 그것이 35행 있다고 하는 의미입니다만, 저것과 함께입니다



왼쪽 ... 행 높이 20px
오른쪽 ...업 높이 50px

물론 문자의 크기는 함께입니다.
CSS는

예.css

line-height: 20px;

예.css

line-height: 50px;

line-height에 행 높이를 지정하는 것만으로 쉽게 설정할 수 있습니다

덤 (상하의 중앙 맞추기)

위의 그림을 보면 알 수 있듯이
line-height 를 사용하면 문자가 상하의 점점 배치되어 있는 것을 알 수 있을까 생각합니다.

상하 중앙 정렬하고 싶을 때는 line-height를 사용하는 것도 손입니다