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 にテキストを追加します。目的のテキストを
   内で囲みます。

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

このコードは、中央に「Hello I am A Circle」というテキストが配置された中央の円を作成します。

以上がCSS で描かれた円内でテキストを中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。