인프런 커뮤니티 질문&답변

swtm님의 프로필 이미지
swtm

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

제이쿼리(jQuery) 필수 핵심이론(함수)

line-height를 height와 동일하게 하면 왜 중앙으로 가는지 이해가 안됩니다..

작성

·

437

1

5:36 부터 line-height에 대해서 말씀하시는데요

box라는 텍스트가 요소의 정중앙에 오게 하려면 line-height와 height값이 동일하면 된다고 하셨는데 이 부분이 잘 이해가 되질 않습니다..

블록 레벨 요소에서 line-height는 어디부터 어디인건가요?

답변 1

0

line-height로 요소를 수직중앙에 보내는건 그렇게 과학적이지는 않지만 간편해서 사용하는 것입니다.

완전히 권해드리는 방식은 아니지만 부모요소 내에 자식요소를 수직 중앙 보내려면 포지션을 사용하거나 Flex, Grid 또는 padding-top으로 해야 하니까 그냥 간편하게 사용하려고 하는 방식입니다.

아래 그림을 보시면 line-height 곧 줄간격은 텍스트 위아래의 합산을 말합니다.

swtm님의 프로필 이미지
swtm
질문자

감사합니다!

swtm님의 프로필 이미지
swtm

작성한 질문수

질문하기