Webkit中的CSS3 Flexbox失败（Chrome和Safari）

Question

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

在Chrome的检查器中，div“navbox”的flexbox属性被划掉，旁边有黄色警告图标。不幸的是，谷歌没有任何形式的工具提示或黄色图标的解释，所以我猜测为什么它拒绝我的display：box属性。这有什么不对？

Answer 1

尝试添加供应商前缀。

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

BTW，img元素没有结束标记。