HTML テキストの縦方向中央揃え_html/css_WEB-ITnose

HTML テキストは中央で縦に配置され、コードは次のとおりです:

別のスパン

実装原則:

1. まず、div要素の高さを行の高さと同じ値に設定します。 , ブロック内のインライン要素が垂直方向に中央揃えになるようにします

2. スパン要素の表示を設定し、表示を line-block に変更して、インライン ブロック要素になるようにします

3. の垂直方向の配置を設定します。スパンを中央に配置し、垂直方向に中央揃えにして、行の高さを 1.2em に設定し、継承された行の高さを変更します