我用
display:-moz-box
它在firefox上的工作确实,但"无效的属性值"在chrome上,我现在该怎么办?
感谢
答案 0 :(得分:2)
任何以连字符开头的CSS代码都是特定于浏览器的功能(它通常也意味着该功能是实验性的,尚未准备好完整版本)。
只有使用该扩展程序的浏览器(-moz-
适用于Firefox)才能使用该属性。其他浏览器可能需要指定自己的前缀(例如-webkit-
用于基于Webkit的浏览器,或-ms-
用于IE)。
如果样式已标准化,您还应指定样式的未加前缀版本,因为一旦建立标准版本,可能会从未来的浏览器版本中删除实验前缀。
在这种特殊情况下,我们讨论的是flexbox功能。随着时间的推移,标准化过程中的规格发生了相当大的变化,因此某些浏览器可能支持非标准语法。这使得在这里给出一个简洁的答案有点困难,所以我不会详细介绍一些可能会有所帮助的文章:
答案 1 :(得分:0)
使用display:-webkit-box
代替Chrome
答案 2 :(得分:0)
-moz-
是供应商前缀。供应商前缀对于浏览器是唯一的。它们用于应用非标准CSS。 -moz-
适用于Mozilla Firefox。 -webkit-
适用于Chrome。