html - 顶部：50% css 不能在 safari 中工作，但它在 chrome 中工作

Question

我正在尝试以角度将 div 中的文本（h1）居中对齐。文本在 Chrome 中正确对齐，但在 Safari 中无法正常工作。我假设 top:50% 不在 safari 中工作。提前致谢。

当前的 CSS：

h1{
  font-weight: bold;
  text-align: center;
  margin: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

参考图片供您参考：

铬合金：

苹果浏览器：

标签： htmlcss

Answer 1

试试align-self: center吧

h1{
  font-weight: bold;
  text-align: center;
  margin: auto;
  position: relative;
  -webkit-align-self: center; //safari 7+
  align-self: center;
}