我正在使用以下代码将某些元素垂直居中:
.vertical--center{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
同样,此元素的父元素始终为
position: relative
。这适用于我测试过的所有浏览器(Safari浏览器除外)。有任何解决方法或Webkit可以使这项工作吗?如果没有,哪种方法在Safari上垂直居中会更好? 最佳答案
使用-webkit-transform: translateY(-50%);
可以做到= D