vertical-align在Safari中无效

我的需求是:希望将一个li中的img垂直居中,尝试使用vertical-align: center;属性,在Chrome中表现正常,但在Safari中没有作用。

可以参考这个帖子:https://stackoverflow.com/questions/16629561/css-vertical-align-middle-not-working

我使用了最高票回答者提供的CSS3代码,即

1
2
3
4
5
6
7
8
9
10
<!-- HTML -->
<div class="wrapper">
<div>Hi</div>
</div>
/* CSS */
.wrapper {
display : flex;
align-items : center;
}

具体到我的代码中,我给想要垂直居中的img外层的 li加上这两条属性,就可以在Safari中实现这种效果。