为什么在Safari上转换转换无法正常工作？

小编典典

为什么在Safari上转换转换无法正常工作？

css

我经常使用此代码将div视图居中：

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

它在Firefox，Internet Explorer和Chrome上运行良好，但在Safari上却无法运行。

在Safari Web浏览器中将图像居中的解决方法是什么？

阅读 287

2020-05-16

共1个答案

小编典典

您需要另一个供应商前缀样式。

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

2020-05-16