CSS로 그린 원 내에서 텍스트를 가운데에 배치하는 방법은 무엇입니까?

가운데에 텍스트가 있는 원을 그리는 방법

CSS를 사용하여 가운데에 텍스트가 있는 원을 만들려면 사용된 코드를 수정하세요. 원을 그리려면:

1. 원의 높이와 일치하도록 선 높이를 설정합니다. div. 이렇게 하면 한 줄의 텍스트가 세로 중앙에 표시됩니다. 아래 예에서는 높이와 줄 높이가 모두 500px로 설정되어 있습니다.

.circle {
  width: 500px;
  height: 500px;
  line-height: 500px;
  border-radius: 50%;
  font-size: 50px;
  color: #fff;
  text-align: center;
  background: #000
}

2. div에 텍스트를 추가하세요. 원하는 텍스트를
   element.

   <div class="circle">Hello I am A Circle</div>

   이 코드는 "Hello I am A Circle"이라는 텍스트가 중앙에 위치하는 중앙 원을 생성합니다.

위 내용은 CSS로 그린 원 내에서 텍스트를 가운데에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!