html - IE 11 下 flex unset 和 flex none 的区别

标签 html css flexbox internet-explorer-11

flex: unsetflex: none 有什么区别?我还没有找到任何具体的文档来说明 flex: unset 的实际作用。此外,flex: unset 似乎在 IE 11 中不起作用。

对于某些情况,我们最近在 IE 11 上遇到了一个问题,其中我们有一些类 .cta-button 具有 flex: 1 0 auto 并且当我们添加.flex-unset 类设置了 flex: unset 并覆盖了 flex: 1 0 auto。这适用于 Chrome、Firefox 和 Edge,但不适用于 IE 11。对于 IE 11,我们必须设置 flex: none 而不是 flex: unset

最佳答案

理解差异的关键是理解 unset 通常的实际作用。

unset 只是使用 inherit 和 initial 的混合体。

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

如您在该页面上向下滚动所见,IE 不支持取消设置。如果您知道您的类没有继承 flex 属性,您可以将 flex 设置为 initial。

关于html - IE 11 下 flex unset 和 flex none 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55477764/

相关文章:

html - 具有自动填充垂直间隙的响应式 flex 布局?

html - float 属性是否会影响复选框的功能?

html - Firefox 中不需要的样式表行为

html - 无法使 flexbox 垂直和水平居中元素

html - 取消隐藏 :hover 上的 <img>

JavaFX 中的 CSS 样式在评论旁边不起作用

html - IE10中的flexbox, flex-end

javascript - 使用 JavaScript 切换可见性

javascript - 如何以小写形式提交表单值?

javascript - 比较两个输入字段中的值