반응형
Bootstrap은 왜 line-height 속성을 1.428571429로 설정합니까?
line-height: 1.428571429;
부트 스트랩line-height
이이 값으로 설정 되는 이유는 무엇 입니까?
( 일부 테마 는 1.42857143으로 반올림합니다.)
선 높이는 대상 선 높이 크기를 글꼴 크기로 나누어 결정합니다. 이 예에서 Bootstrap은 14px 글꼴 크기에서 줄 높이를 기준으로합니다. 대상 라인 높이는 20px입니다.
20px ÷ 14px = 1.428571429
선 높이를 결정할 때 행 사이에 충분한 공백이 있는지 확인하려고합니다. 이것은 다른 행을 방해하지 않고 상승 자와 하강자를 허용합니다. 또한 충분한 공백이 있으면 눈을 읽을 때 시각적 리듬이 생길 수 있습니다.
또한 라인 높이를 단위가없는 상태로 유지하면 더 다양한 용도로 사용할 수 있습니다. 자세한 내용 은 2006 년 2 월 Eric Meyer의 게시물을 참조하십시오.
반응형
'IT' 카테고리의 다른 글
신호와 신호의 차이점은 무엇입니까? (0) | 2020.07.04 |
---|---|
터치 장치의 버튼에 끈적임 호버 효과를 방지하는 방법 (0) | 2020.07.04 |
ES6 즉시 화살표 기능을 호출 (0) | 2020.07.04 |
React.js : innerHTML 대 위험한 설정 (0) | 2020.07.04 |
버블 정렬 숙제 (0) | 2020.07.04 |