问题的说明
按钮的样式是图标上下文，当使用flex布局垂直居中时，iphone7手机上的字符和图标没有居中，而是显示在左侧。 代码如下。 已经简化了。
{{ confirmButtonText }}
.
button {
显示： Flex；
align-items3360中心；
justify-content: center；
img {
width: 36px；
height: 36px；
display :在线区块；
}
}
预期样式：
实际样式：
解决方法
在icon和文本外部再包一个标签，为外部标签设置flex垂直居中样式。 代码如下。
{{ confirmButtonText }}
.
button {
显示： Flex；
align-items3360中心；
justify-content: center；
. wrap {
img {
width: 36px；
height: 36px；
display :在线区块；
}
}
}
到目前为止，我介绍了这篇关于button内的flex的垂直中心意外地不在中心这一解决方案的文章。 有关更多相关button中不围绕flex垂直中心的内容，请搜索脚本房屋中的以前文章或继续查看以下相关文章。 今后，我想继续支持脚本房屋。