我的页面位于http://brand2o.com/experience.php,我正在使用此 CSS 将链接内的图像垂直居中:
img {
position: relative;
top: 50%;
width: 80%;
padding: 10%;
transform: translateY(-50%);
}
Run Code Online (Sandbox Code Playgroud)
它在 Firefox 和 Chrome 中正常工作,但 Safari 似乎top: 50%;完全忽略了,我不知道为什么。
在这里,Activision 徽标突出显示,正如您所看到的,所有图像都离得太远了。