CSSだけで縦幅中央寄せ
結論relativeの要素にtranslateYで調整する。
<div id="wrap"> <div id="v-center"> テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字<br /> テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字テスト文字 </div> </div>
#wrap { width:600px; height:600px; margin:100px; border:1px solid #999; font-size:13px; line-height:160%; text-align:center; } #v-center { position:relative; top:50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }