关于vue中v-for循环一行三列

话不多说，直接上代码

 <li v-for="ho in hotel">
                            {{ho.houseId}}({{ho.houseType}})<br/>
              </li>

关键代码

  ul{
            list-style: none;
            width: 399px;
            margin: auto;
            padding:0;
            display: flex;//关键
            flex-wrap: wrap;//关键

        }
        li{
            text-align: center;
            width: 133px;
            height: 60px;
            outline: 1px solid black;
        }

效果如下：

这边加了点颜色样式，可以忽略