框无效的属性值

我用

display:-moz-box

它在Firefox上的工作确实在Chrome上“无效的财产价值”,我现在应该做什么?
谢谢


任何以连字符开头的CSS代码都是特定于浏览器的功能(它通常也意味着功能是实验性的,尚未准备好完整版本)。

只有使用该扩展名的浏览器( -moz-适用于Firefox)才能使用该属性。 其他浏览器可能需要指定自己的前缀(例如-webkit-用于基于Webkit的浏览器,或者-ms-用于IE)。

如果标准版已经标准化,您还应该指定样式的前缀版本,因为一旦标准版建立,实验性前缀可能会从未来的浏览器版本中删除。

在这种特殊情况下,我们正在讨论Flexbox功能。 随着时间的推移,标准化过程已经发生了一些变化,所以一些浏览器可能会支持非标准的语法。 这使得在这里给出一个简洁的答案稍微困难一点,所以我不会详细说明,我会指出一些可能有所帮助的文章:

  • http://css-tricks.com/snippets/css/a-guide-to-flexbox/
  • https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

  • 使用display:-webkit-box进行镶边


    -moz-是供应商前缀。 供应商前缀对浏览器是唯一的。 它们被用来应用非标准的CSS。 -moz-适用于Mozilla Firefox。 -webkit-适用于Chrome。

    链接地址: http://www.djcxy.com/p/75617.html

    上一篇: box invalid property value

    下一篇: box support with CSS3 @supports