css - cssで固定高さのタイトルを垂直方向に中央揃え

Question

ヘッダーがあります

<h1>My Header</h1>

CSS でヘッダー テキストを垂直方向に中央揃えにする方法を教えて150pxくださいfont-size。1.3em;私はそれをコンテナー DIV にラップしたくありません (div をラップすると、CSS のアイデア全体が実際に無効になります)。

Answer 1

タイトルの高さが150pxの場合、 も150pxに設定しline-heightていただけないでしょうか？

h1
{
    font-size: 1.3em;
    line-height: 150px;
    height: 150px;
}

Answer 2

最良の方法は、次のルールを追加することです。

h1 {
    line-height: 150px;
}

高さの値を設定する必要はなく、フォント サイズは垂直方向の配置に影響しません。