CSS의 줄 높이에 대한 심층적 이해

Syntax:
line-height: 일반 | 길이
Parameters:
normal: 기본 줄 높이
length: 백분율 숫자 | 부동 소수점 숫자와 단위 식별자로 구성된 길이 값, 음수 값 허용됩니다. 백분율 값은 글꼴의 높이 크기를 기준으로 합니다. 길이 단위 참조
설명 :
개체 의 행 높이를 검색하거나 설정합니다. 즉, 글꼴 하단과 글꼴 내부 상단 사이의 거리입니다.
연속된 개체가 여러 개인 경우 최대 행 높이가 적용됩니다. 이때 행 높이는 음수 값이 될 수 없습니다.
해당 스크립트 기능은 lineHeight입니다. 제가 쓴 다른 책들도 참조해 주세요.
예:

div {line-height:6px; } 
div {line-height:10.5; }

CSS에서 줄 높이와 높이의 차이점은 무엇인가요?

간단히 말하면 line-height는 줄 높이를 의미하고 height는 요소 자체의 높이를 정의합니다.
예를 들어 다음 코드

line-height와 line box height
Height와 line-height는 CSS에서 높이 역할을 해야겠죠? 레이블이 높이 속성 (백분율 높이 포함)을 정의하지 않는 경우 IE6의 기본 높이 버그가 약 11픽셀인 경우에도 최종 표시 높이는 줄 높이로 결정되어야 합니다. 천천히 말씀드리겠습니다.

line-height에 대한 참고 사항

pictures에서는 작동하지 않습니다. 2. 실시간 선 높이 효과를 보려면 dreamweaver를 사용하세요. value 음수 값은 사용할 수 없으며, 사용하면 유효하지 않습니다. 각 브라우저마다 line-height 솔루션에 미묘한 차이가 있는 경우 상단과 하단 사이에 1px 차이가 있습니다. 행 높이가 짝수인 경우 대부분의 브라우저 해석은 여전히 ​​상대적으로 정상입니다. 홀수인 경우 일부 브라우저는 상단보다 하단이 1px 더 많고 일부 웹사이트의 경우 하단이 상단보다 1px 더 많습니다. 엄격한 요구사항으로 인해 라인 높이를 디자인할 때 짝수를 사용하는 것이 좋습니다

위 내용은 CSS의 줄 높이에 대한 심층적 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!