当然可以， 既然你那么节约代码, 那么就不用选择使用ul了(还要去除默认样式).
实现的关键点在于:

• 父级flex-wrap高为wrap (默认是nowrap)
• 子元素有border的话, 把box-sizing的值设为border-box

jsfiddle卡出翔了, 直接看代码吧：

HTML:

<p class="flex-container">
    <p class="flex-item flex-gold">1</p>
    <p class="flex-item flex-red">2</p>
    <p class="flex-item flex-pink">3</p>
    <p class="flex-item flex-blue">4</p>
    <p class="flex-item flex-yellowgreen">5</p>
    <p class="flex-item flex-lightgreen">6</p>
</p>

CSS:

.flex-container {
    display: flex;
    flex-flow: row wrap;
}

.flex-item {
    color: #fff;
    flex: 1 33.33333333%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: solid 1px #efefef;
    box-sizing: border-box;
}

.flex-gold {
    background-color: gold;
}

.flex-red {
    background-color: red;
}

.flex-pink {
    background-color: pink;
}

.flex-blue {
    background-color: blue;
}

.flex-yellowgreen {
    background-color: yellowgreen;
}

.flex-lightgreen {
    background-color: lightgreen;
}

其实可以的，使用浮动和负边距来做。
但是，还需要一个额外的层来控制宽度，这样就可以做到控制显示每行显示多少个item。
具体请见：http://www.cnblogs.com/my_front_research/archive/2013/01/09/2853274.html，本文中负边距部分。