>  기사  >  웹 프론트엔드  >  CSS 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까? CSS 텍스트의 수평 중앙 정렬을 달성하는 4가지 방법

CSS 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까? CSS 텍스트의 수평 중앙 정렬을 달성하는 4가지 방법

云罗郡主
云罗郡主원래의
2018-10-31 15:14:2311678검색

현재 CSS 스타일을 사용하여 가로로 가운데 맞추는 방법은 많지만 많은 사람들이 CSS 가로 가운데 맞춤 방법을 선택하는 방법을 모릅니다. 아래에는 CSS 텍스트를 가로로 가운데 맞추는 방법이 요약되어 있습니다. 그리고 수직으로? 그리고 CSS 텍스트의 수평 중앙 정렬을 달성하는 4가지 방법.

CSS 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까? CSS 텍스트의 수평 중앙 정렬을 달성하는 4가지 방법

이제 CSS를 사용하여 텍스트를 가로 및 세로로 가운데 맞추는 것이 쉽지 않습니다. 일부 초보자는 CSS 센터링을 달성하기 위해 CSS 방법을 사용하고 있습니다. 이는 호환성 문제 또는 일부 비주류 브라우저로 인해 발생할 수 있습니다. [추천 자료: CSS를 사용하여 DIV의 가로 중심 표시 달성]

1 여백과 결합된 절대 위치 지정 사용: auto#🎜 🎜 #

여백: 자동 속성 여백 뒤에는 위쪽, 아래쪽, 왼쪽, 오른쪽의 4가지 속성이 있습니다. 여백을 자동으로 설정하면 먼저 가로로 가운데에 놓을 수 있습니다.

2. 절대 위치 지정을 사용하고 변형 속성을 사용하여

변환의 기본값은 없음이며 그 효과는 다음과 같습니다. 발생하며 상속된 값은 no입니다. 변환을 사용할 때의 유일한 장점은 요소의 크기를 알 필요가 없다는 것입니다. 변환의 오프셋 비율은 요소의 크기에 따라 결정됩니다.

3. 절대 위치 지정에서 div를 중앙 으로 사용하고 div의 상단을 50%로 설정하고 여백 상단을 음수 값 px로 설정합니다. 설정 필요 중첩 태그는 모든 브라우저에 더 적합하지만 중앙에 위치하려면 크기를 알아야 합니다.

4. padding 속성은 요소의 중심 배치를 구현할 수 있습니다.

padding 속성은 실제로 내부 테두리의 거리를 설정하는 것입니다. 위쪽, 아래쪽, 왼쪽 및 오른쪽 여백 너비를 설정합니다. 이 방법은 동일한 여백을 설정하는 한 비교적 간단합니다. 요소는 수직으로 중앙에 배치됩니다.

위 내용은 CSS 텍스트를 세로로 가운데에 배치하는 방법에 대한 답변입니다. CSS 텍스트의 수평 중앙 정렬을 달성하는 4가지 방법에 대한 전체 소개입니다.

CSSTutorial에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.


위 내용은 CSS 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까? CSS 텍스트의 수평 중앙 정렬을 달성하는 4가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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