컴퓨터 지식 네트워크 - 컴퓨터 지식 - CSS에서 line-height의 구체적인 사용법은 무엇입니까?

CSS에서 line-height의 구체적인 사용법은 무엇입니까?

Line-height는 콘텐츠 줄의 높이 범위를 설정하는 데 사용됩니다.

1. 예를 들어 다음과 같은 DIV가 있습니다:

lt;div style="line-height: 36px;"gt;lt;/divgt;

이는 DIV의 각 텍스트 줄이 36픽셀을 차지한다는 의미입니다.

2. 일부 텍스트를 특정 위치에 중앙에 배치하는 데 자주 사용됩니다. 예를 들면 다음과 같습니다:

lt; div style="width: 50px; height: 36px; color: red; background: black; "gt; 3. 이 DIV에 텍스트 한 줄을 쓰면 기본적으로 DIV의 왼쪽 상단에 표시됩니다. 수직으로 중앙에 배치하려면 line-height: 36px인 다른 스타일을 추가할 수 있습니다. 이는 여기의 각 텍스트 줄이 36픽셀을 차지하므로 이 텍스트 줄의 높이가 딱 맞는다는 의미입니다. 높이가 DIV와 같으면 텍스트가 수직 중앙에 표시됩니다.

CSS? - 계단식 스타일 시트?

전체 영어 이름: 계단식 스타일 시트. HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 문서 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다. CSS는 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 협력하여 웹페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

CSS는 웹페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기 스타일을 지원하며 웹페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다.

上篇: DOTA, 워크래프트, 얼어붙은 왕좌는 어떤 관계인가요? 下篇: 아이폰 시계 화면 보호기는 어떻게 설정합니까?
관련 내용