Fork me on GitHub

[Css]-定位居中,在不知道元素高度时,使用transform:translateY

在布局居中定位过程中,经常采用left:50%;top:50;margin-left:-width/2;margin-top:-height/2; 但是对于高度未知的对象,我们需要才用到transform:translateY来定位置

1
2
3
4
5
6
7
8
.cell-info{
display: inline-block;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
支持作者