CSS3 Flexbox 在 Webkit 中失败（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>

顺便说一句，img 元素没有结束标记。