>웹 프론트엔드 >CSS 튜토리얼 >선 높이에 대한 자세한 소개

선 높이에 대한 자세한 소개

零下一度
零下一度원래의
2017-06-11 09:20:191850검색

1. 줄 높이의 정의는 줄 사이의 거리, 즉 기준선 사이의 거리를 나타냅니다. 두 줄의 텍스트에만 두 개의 기준선이 있는데 왜 한 줄의 텍스트에도 줄 높이가 있습니까? 우리는 이 질문을 염두에 두고 내려다봅니다. 2. 인라인 상자 모델

이것은 한 줄의 텍스트이며 콘텐츠 영역

그림 1 "컨텐츠 영역"은 텍스트를 둘러싼 상자입니다. 그 크기는 글꼴 크기에만 관련되어 있습니다. 그림 1과 같이 의 텍스트가 마우스로 선택된 영역은 "텍스트 한 줄"이 선택된 영역입니다. "인라인 상자"는 텍스트를 블록으로 표시하지 않고 행으로 표시합니다. 스팬 태그로 감싸진 "콘텐츠 영역"과 같이 인라인 요소로 감싸진 텍스트를 "인라인 상자"라고 할 수 있는 반면, 인라인 요소로 감싸지 않은 부분은 "익명 인라인 상자"로 간주할 수 있습니다. "인라인 박스"는 그림 1의 스팬 태그 내의 "콘텐츠 영역" 영역으로 볼 수 있으며, "익명 인라인 박스"는 빨간색 가상

1으로 볼 수 있습니다. 꼭 마스터해야 하는 CSS 속성입니다. --lineheight

선 높이에 대한 자세한 소개

소개: 1. 줄 높이의 정의는 줄 사이의 거리, 즉 두 줄의 텍스트만 두 개의 기준선을 갖습니다. 그렇다면 한 줄의 텍스트에 여전히 행 높이가 있는 이유는 무엇입니까? 우리는 이 질문을 염두에 두고 내려다봅니다. 2. 인라인 박스 모델 이는 한 줄의 텍스트이며 콘텐츠 영역 레이블이 있습니다. "콘텐츠 영역"은 텍스트를 둘러싸는 상자입니다. 마우스로 선택한 텍스트 영역의 크기는 텍스트가 있는 영역으로만 생각할 수 있습니다. 그림 1은 마우스로 선택됩니다.

2. 글꼴 크기를 더 크게 만들고 시퀀스의 중앙에 위치하지 않게 하는 방법 공유

선 높이에 대한 자세한 소개

소개: 시나리오: 클릭 모달을 팝업하고 모달 내부에 문자를 표시합니다. 스타일:.modal{ 위치: 절대; 왼쪽: 0; 아래쪽: 0; 높이: 140rpx; 선 높이:... 관련 Q&A 권장사항]:

javascript - DOM 속성 계산 시 이상한 문제(getCompulatedStyle)

위 내용은 선 높이에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.