垂直中央レイアウトスキーム

1036 ワード

1. table-cell + vertical-align

HTML :
----------------------------- CSS : div.parent { display: table-cell; vertical-align: middle; } ----------------------------- :

2. absolute + transform

HTML :
----------------------------- CSS : div.parent { position: relative; } div.son { position: absolute; top: 50%; transform: translateY(-50%); } ---------------------------- , transform CSS3 , 。