CSSで垂直方向のセンタリングを設定する方法

CSS で垂直方向の中央揃えを設定する方法: 1. line-height 属性を使用してテキストを垂直方向の中央揃えにします; 2. CSS3 フレックス レイアウトを使用してテキストを垂直方向の中央揃えにします; 3. 絶対配置と変換を使用してテキストを中央揃えにしますブロック要素を垂直方向に配置する; 4. フレックス レイアウトを使用して、ブロック要素を垂直方向に中央揃えにします。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

#css はテキストを垂直方向の中央揃えに設定します

#1. 行の高さによりテキストが垂直方向の中央揃えになります

      
  
css 垂直居中了--文本文字
  

2。 CSS3 フレックス レイアウト テキストを垂直方向に中央揃えにします

      
  
css 垂直居中--文本文字（弹性布局）
  

css はブロック要素を垂直方向に設定します中央揃え

1. 絶対配置と変換を使用します (要素の高さが不明)

      
  
 
css 垂直居中,css 垂直居中,css 垂直居中,css 垂直居中,css 垂直居中
 
  

2. フレックス レイアウトを使用します

      
  
 
css 垂直居中了--弹性布局
 
  

css ビデオ チュートリアル)

以上がCSSで垂直方向のセンタリングを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。