Div 内で単一行のテキストを垂直方向の中央に配置するにはどうすればよいですか?

Div 内のテキストの垂直方向の配置

参照された説明で詳しく説明されているように、div 内のテキストの垂直方向の配置は困難な場合があります。 margin-top だけを実装するだけでは十分ではない場合があります。

単一行テキストの解決策

テキストが 1 行のみの場合は、次のような簡単なアプローチが存在します。

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

<div>vertically centered text</div>

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