Div 내에서 한 줄 텍스트를 수직으로 중앙에 배치하려면 어떻게 해야 합니까?

Div 내 텍스트 세로 정렬

참조된 토론에서 자세히 설명했듯이 div 내에서 텍스트를 세로로 정렬하는 것은 어려울 수 있습니다. margin-top 구현만으로는 충분하지 않을 수 있습니다.

한 줄 텍스트에 대한 솔루션

한 줄의 텍스트만 관련된 상황에서는 다음과 같은 간단한 접근 방식이 있습니다.

div {
  height: 200px;
  line-height: 200px;
}

<div>vertically centered text</div>

위 내용은 Div 내에서 한 줄 텍스트를 수직으로 중앙에 배치하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!