divでテキストを垂直に中央に配置

378 ワード

文字がdivで文字を垂直に中央に配置するには、単行文字、複数行文字の2つがあります.
一、単行文字
divの高さを文字の行の高さと同じに設定するだけでOKです.すなわち、line-heightとheightの数値は同じです.
例:
      
div{ height: 20px; line-height: 20px; } 

二、多行文字
padding-bottomはpadding-topと同じように設定すればOKです.
例:
      
div{ padding-top: 20px; padding-bottom: 20px; }