CSS 显示：-webkit-box 在 Internet Explorer 11 中不起作用

Posted 2023-03-05

【中文标题】CSS 显示：-webkit-box 在 Internet Explorer 11 中不起作用

【英文标题】：CSS display: -webkit-box not working in Internet Explorer 11

【发布时间】：2019-07-23 13:21:25

【问题描述】：

问题：是否有任何与 display: -webkit-box; 相同的 CSS 元素？似乎 IE 11 不支持这个元素。请帮帮我！

【问题讨论】：

一般IE不支持WebKit，应该使用flexbox代替。

更准确地说，IE 不使用该前缀适用的 Webkit 渲染引擎。这也是非常古老的语法。

@isherwood：我怀疑他们问这个的原因是因为几乎所有其他非 WebKit 浏览器都支持 -webkit-box 和各种其他 -webkit- 位，允许代码依靠旧语法继续无缝工作。

display:flex 受 IE11 支持，但部件 flexbox 不受 IE11 支持 - caniuse.com/#search=flex

【参考方案1】：

它曾经是：display:box，用于 Flexbox 的第一次迭代（~2009）。

现在使用display: flex。我建议使用它。

原答案：Flexible box model - display : flex, box, flexbox?

如果您需要更多有关 Flexbox 的参考资料，我发现这很有帮助：https://css-tricks.com/snippets/css/a-guide-to-flexbox/