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

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 元素没有结束标记。