CSSで垂直方向の中央揃えを実現するにはどのような方法がありますか?

CSS で垂直方向の中央揃えを実現する方法は次のとおりです:

1. 行の高さを使用して中央揃えを実現します。この方法は純粋なテキストに適しています。

  
   
 css布局,实现垂直居中 
 

効果:

(推奨チュートリアル:CSS チュートリアル)

2. 相対値を設定することで、親コンテナの位置、子の絶対位置はレベルで設定され、ラベルはマージンを介して適応的に中央に配置されます;

  
   
 css布局,实现垂直居中 
 

効果:

3. フレキシブル レイアウトのフレックス親設定表示: flex; 適応センタリングを実現するために子のマージンを auto に設定します;

  
   
 css布局,实现垂直居中 
 

効果:

4. 親は相対位置を設定し、子は絶対位置を設定します。これは、変位変換によって実現されます。

  
   
 css布局,实现垂直居中 
 

効果:

5。親は、位置を設定します。エラスティック ボックスとそのエラスティック ボックスの関連プロパティを設定します;

効果:

6. グリッド レイアウト、親はテーブル形式に変換され、次に、子は inline または inline ブロックを設定することによって実装されます。 (vertical-align: middle を使用するための前提条件は、インライン要素および表示値が table-cell である要素であることに注意してください)。

効果:

関連ビデオ チュートリアルの推奨事項:css ビデオ チュートリアル

以上がCSSで垂直方向の中央揃えを実現するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。