table表格渲染？

Question

这有一个数组，想让它渲染成td行的格式

[
        "51342720084",
        "51342784",
        "513427206084",
        "513427204084",
        "513427200",
        "513427,
        "513427084",
    ]

比如下面这样写是渲染成竖列的格式，但把v-for循环写td上数据太多一行渲染不下

<tr v-for="item in card" :key="item">
            <td>{{ item }}</td>
 </tr>

这样该怎么渲染

Answer 1

不用table，用flex布局顺序排列，到顶换行。

display: flex;
flex-direction: row;
flex-wrap: wrap;