使用display：-webkit-bix出现的疑问？

想使用display：-webkit-box,css3的盒子实现如下效果

但是自己做的就有问题？demo在这https://jsfiddle.net/f233L0yv/
不知ul中的li为什么不换行？

---

我发现box的换行box-lines兼容有很大问题，建议使用flex。

ul{
  display:-webkit-flex;
 -webkit-flex-wrap:wrap;
}

---

附flex使用：点击我