Bootstrap은 왜 line-height 속성을 1.428571429로 설정합니까?


답변:


177

선 높이는 대상 선 높이 크기를 글꼴 크기로 나누어 결정합니다. 이 예에서 Bootstrap은 14px 글꼴 크기에서 줄 높이를 기준으로합니다. 대상 라인 높이는 20px입니다.

20px ÷ 14px = 1.428571429

선 높이를 결정할 때 행 사이에 충분한 공백이 있는지 확인하려고합니다. 이것은 다른 행을 방해하지 않고 상승 자와 하강자를 허용합니다. 또한 충분한 공백이 있으면 눈을 읽을 때 시각적 리듬이 생길 수 있습니다.

또한 라인 높이를 단위가없는 상태로 유지하면 더 다양한 용도로 사용할 수 있습니다. 자세한 내용 은 2006 년 2 월 Eric Meyer의 게시물을 참조하십시오.


2
나는 똑같은 것을 물었다. 이 질문은 정기적으로 나오는 것 같습니다. 아마도 Bootstrap dev 코드에 빠른 설명 주석이 있어야 할 것입니다.
— ivanjonas

1
나는 이것이 어리석은 질문이라고 생각하지 않습니다. line-heightIE11 에서이 불규칙한 원인이 흐려짐을 보았습니다 . 대답은 완전한 의미를 갖지만 소수를 소수의 소수 자릿수로 반올림하는 것은 아마도 Bootstrap을 위해 신중할 것입니다.
— aminimalanimal
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.