> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 줄 높이 속성을 사용하는 방법

CSS의 줄 높이 속성을 사용하는 방법

silencement
풀어 주다: 2019-05-28 09:40:13
원래의
2857명이 탐색했습니다.

CSS의 줄 높이 속성을 사용하는 방법

css line-height 속성 정의 및 사용법

정의 및 사용법

line-height 속성은 줄 사이의 거리(줄 높이)를 설정합니다.

참고: 음수 값은 허용되지 않습니다.

Description

이 속성은 라인 상자의 레이아웃에 영향을 미칩니다. 블록 수준 요소에 적용하면 최대 거리가 아닌 해당 요소의 기준선 간 최소 거리를 정의합니다.

줄 높이와 글꼴 크기(CSS에서는 '줄 간격'이라고 함) 사이의 계산된 차이를 두 부분으로 나누어 텍스트 콘텐츠 줄의 위쪽과 아래쪽에 추가합니다. 이 내용을 담을 수 있는 가장 작은 상자는 라인 상자입니다.

원래 숫자 값은 배율 인수를 지정하며, 하위 요소는 계산된 값 대신 이 배율 인수를 상속합니다.

CSS의 줄 높이 속성을 사용하는 방법

가능한 값 ​​

CSS의 줄 높이 속성을 사용하는 방법

행 높이를 백분율로 설정:

p.small {line-height:90%}
p.big {line-height:200%}
로그인 후 복사

위 내용은 CSS의 줄 높이 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿