divでテキストを垂直に中央に配置
378 ワード
文字がdivで文字を垂直に中央に配置するには、単行文字、複数行文字の2つがあります.
一、単行文字
divの高さを文字の行の高さと同じに設定するだけでOKです.すなわち、line-heightとheightの数値は同じです.
例:
二、多行文字
padding-bottomはpadding-topと同じように設定すればOKです.
例:
一、単行文字
divの高さを文字の行の高さと同じに設定するだけでOKです.すなわち、line-heightとheightの数値は同じです.
例:
div{ height: 20px; line-height: 20px; }
二、多行文字
padding-bottomはpadding-topと同じように設定すればOKです.
例:
div{ padding-top: 20px; padding-bottom: 20px; }