Flexbox 对齐项目和对齐内容在 Safari MacO 中不起作用

Mar*_*n07 5 css debugging safari google-chrome flexbox

我的 CSS 中有一段代码

align-items: end;
justify-content: end;
Run Code Online (Sandbox Code Playgroud)

它在 Chrome MacO 上运行良好,但在 Safari 上,元素未从底部对齐。有人知道为什么吗?

链接: https: //q6demo.squarespace.com/homepage#our-6-step-process-section

在此输入图像描述在此输入图像描述

Mar*_*n07 20

我已经用过这个并且它正在工作

-webkit-justify-content: flex-end;
align-items: flex-end;
-webkit-align-items: flex-end;
Run Code Online (Sandbox Code Playgroud)

来源:“display: flex”和“align-items: center”怎么可能在我的 iPhone 上不再工作?

  • 解决方案很简单,使用“flex-end”而不是“end”。前缀不是必需的。 (3认同)