gpt4 book ai didi

css - Flexbox 在 Safari 中没有正确排列盒子

转载 作者:行者123 更新时间:2023-11-28 10:45:40 24 4
gpt4 key购买 nike

我正在尝试使用 flex 创建两列布局。 Here's a codepen显示我目前拥有的。它在 Chrome 和 Firefox 中的工作方式与我希望的一样。但是,在 Safari 中,每个 div 都会展开以填满整个窗口,然后第二个会换行,以便一个位于另一个之上。我希望它们彼此相邻。

长话短说:Code/demo are here .适用于 Chrome、Firefox。在 Safari 中不起作用。

最佳答案

好的,我修好了。问题是 Safari 需要供应商特定的前缀才能工作。因此,如果我将 display: -webkit-flex; 添加到 flexbox 并将 -webkit-flex: auto; 添加到每个 divs,它按预期工作。难道只是喜欢 CSS 浏览器支持吗?

这是一个 working codepen .

关于css - Flexbox 在 Safari 中没有正确排列盒子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22997931/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com