我正在尝试使用 CSS 以水平和垂直方式对齐一个 div。此方法适用于 Chrome,但不适用于 Safari。
.in-middle { min-height: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
代码工作: http://jsfiddle.net/gjrwndye/1/
有什么建议可以改进它以使其也适用于 safari。
最佳答案
使用浏览器前缀。
jsfiddle:http://jsfiddle.net/3gkh6gz3/
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
您可以使用 Should I Prefix 检查是否需要使用前缀.
您可以使用 Autoprefixer 自动为您的 CSS 添加前缀.
关于javascript - 在 Safari 中使用 CSS 水平和垂直对齐 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28134447/