line-height / 한 줄 배치할 때

1. line-height

한 줄당 높이 설정을 의미하며, 기본 값은 line-height: normal 이다.

여기서 주의할 점은 지정된 font-family 즉, 폰트 크기에 따라서 달라진다.

 

# 처음 스타일을 정할 때, font-family에 따라 달라지는 요소가 많기에, 미리 폰트를 지정하고 나머지 스타일링을 해야한다.

 

1-1. 내부 텍스트를 세로 중앙 정렬(고정 px)

여기서 주의할 점은 한 줄일때만 사용해야한다.!

height = line-height로 동일하면 가운데 정렬이 된다.

 

2. 일반적인 문단의 경우는 ( 상대적 숫자로만 지정을 하게 된다.)

 

font-size가 변경 되었고, line-height가 고정이 되면 유지보수 차원에서 좋지 않다.

font-size를 고정으로 주는 것이 아닌, 변경에 유연하게 대처하기 위해서는 line-height를 지정해주는 것이 좋다.

px가 아닌 상대값, 숫자값을 지정해주는 것이다. 1.2, 1.4 , 1.6