html - 使用 translateY 在 Safari 上垂直居中

标签 html css safari vertical-alignment

我正在使用以下代码使某些元素垂直居中:

.vertical--center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

另外,这个元素的父元素总是position: relative。这适用于我测试过的所有浏览器,除了 Safari。是否有任何解决方法或 webkit 可以使这项工作正常进行?如果不是,哪种方式在 Safari 上垂直居中会更好?

最佳答案

使用 -webkit-transform: translateY(-50%); 成功了 =D

关于html - 使用 translateY 在 Safari 上垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31843871/

相关文章:

html - 如何阻止表格自行调整大小以适应屏幕?

javascript - 文本区域线条检测

html - CSS显示:block not working

android - 如何在 Android 浏览器上读取使用外部脚本动态加载的元素的 CSS 属性?

css - Safari 中的相对定位

java - Selenium WebDriver Safari (11.0) TypeError : Value is not a sequence

google-chrome - 禁用弹性滚动 Chrome/Safari

c# - 将 @Html.Raw 转换为 ASP.NET MVC 4 Razor 中的字符串

javascript - 如何通过使用指针事件和光标属性来显示图像链接被禁用?

css - 将 CSS 应用于特定菜单项 asp.net 菜单