垂直中央レイアウトスキーム
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 , 。