css 中的 moz-flex webkit-flex 是什么？答案

【问题标题】：what is moz-flex webkit-flex in css?css 中的 moz-flex webkit-flex 是什么？
【发布时间】：2015-12-12 05:45:47
【问题描述】：

我从互联网上获得了一个代码示例。我使用它，它工作正常。但我不明白代码的工作原理。

#header {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: solid 1px rgba(160, 160, 160, 0.3);
    height: 3.5em;
    left: 0;
    line-height: 3.5em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

moz-flex 和 webkit-flex 代表什么？

谢谢，萨巴里斯里

【问题讨论】：

css-tricks.com/snippets/css/a-guide-to-flexbox

标签： css

【解决方案1】：

这些是 webkit 和 mozilla 浏览器引擎的浏览器特定样式，因为 flex 属性还不是标准。 here 做了一个非常漂亮和详细的解释。

希望对你有帮助！

【讨论】：

除此之外，flexbox 在所有现代浏览器中都是标准化的，当然除了 IE。 IE 10 和 11 部分支持 flexbox。因此，flexbox 所需的唯一供应商前缀是-ms-，仅适用于 IE 10，奇怪的是，IE 11 尽管部分支持，但不需要前缀。见caniuse.com/#feat=flexbox