我正在尝试在角度中居中对齐DIV中的文本（H1）。文本在Chrome中正确对齐，但在Safari中无法正常工作。我假设最高：50%的人在Safari中不工作。先谢谢了.

当前CSS：

<代码>H1{字体粗细：粗体；文本对齐：居中；边距：自动；位置：相对；最高：50%；转换：TranslateY（-50%）；}

参考图片供您参考：

铬：

游猎：

顺晟科技：

试试这个align-self: center

<代码>H1{字体粗细：粗体；文本对齐：居中；边距：自动；位置：相对；顶部：50%；/*删除此*/Transform：translateY（-50%）；/*删除此*/-webkit-align-self：center；//Safari 7+align-self：居中；}

您不需要使用位置属性来执行所需的操作。如果你使用Flexbox属性，你可以做完全相同的事情，但可能没有Safari的怪异行为。

我不建议像其他答案建议的那样使用浏览器扩展来使用CSS黑客

看看我的例子。

<代码>DIV{高度：100px；边框：实心1px#F00；显示：Flex；Justify-content：中心；align-items：居中；}

<代码><；细分（>；）<；H1>；一些文本<；/H1>；<；/DIV>；

PS：边框和高度属性仅用于可视化目的，您不需要使用它们

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

<代码>H1{字体粗细：粗体；文本对齐：居中；边距：自动；位置：相对；-webkit-align-self：center；//Safari 7+align-self：居中；}