jsp横向遍历数据

使用jquery或者vue从后台拿到数据后，foreach或者v-for遍历默认都是竖着遍历，怎么才能像如图所示的样式展示商品呢？
其实很简单，只需要先设置好样式，在遍历数据就好

<div v-for="item in items">
<div
	style="border: 1px solid; width: 190px; height: 160px; float: left;"><!--画好格式，直接for遍历即可 -->
	<div style="border: 1px solid; width: 140px; height: 100px;margin: auto;">
		<img v-bind:src="item.image">
	</div>
	<div >
		<div>
			<a :href="'/CA/itemEdit/'+item.id" id="title">{{item.title}}</a>
		</div>
		<div>
			￥<span id="price">{{item.price}}</span>
		</div>
	</div>
</div>
</div>