Google chrome CSS3 Flexbox在Webkit（Chrome和Safari）中失败 标语

在Chrome的inspector中，div“navbox”的flexbox属性被划掉，旁边有一个黄色警告图标。不幸的是，谷歌没有任何关于其黄色图标的工具提示或解释，所以我只能猜测它为什么拒绝我的display:box属性。这里怎么了？

尝试添加供应商前缀

<nav>
 <div id="navbox" style="display: box; box-orient: horizontal;">
 <img src="../gfx/lg_logo.png"></img>
  <div>tagline</div>
  </div>
 </nav>

标语

---

顺便说一句，

img

元素没有结束标记。

@yourfriendzak该规范将来可能会更改，或者实现可能有缺陷或不完整。这是一种通常的方法，既不破坏前向兼容性，又提供初始实现，以便web开发人员可以对其进行测试。请注意，其他浏览器的行为类似-Firefox需要

-moz-

前缀，IE10需要

-ms-

。

<nav>
 <div id="navbox" style="display: -webkit-box; -webkit-box-orient: horizontal;">
 <img src="../gfx/lg_logo.png" />
  <div>tagline</div>
  </div>
 </nav>