gpt4 book ai didi

css - Flexbox 元素在 Safari、IE11 到 IE10 中折叠

转载 作者:行者123 更新时间:2023-11-28 09:17:11 25 4
gpt4 key购买 nike

我在 Safari、IE11 和 IE10 中遇到嵌套 flexbox 的问题。这些面板应该是并排的(50% 宽度),并且其中包含不同数量的内容。 <cite>元素应锚定到面板的底部,并且每个面板的高度应相同。

这里有一个代码笔来说明:http://codepen.io/anon/pen/BKNRBY

这在 Chrome/Firefox 中运行良好,但在 Safari、IE10 和 IE11 中,面板不会垂直拉伸(stretch)以包含其内容。

有人可以提供任何建议吗?

最佳答案

找到了,在 blockquote 上将规则从 flex-basis: 100% 切换到 flex-basis: auto 就成功了。

关于css - Flexbox 元素在 Safari、IE11 到 IE10 中折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35755627/

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