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

最新推荐文章于 2022-11-29 17:27:48 发布

猩猩老师

最新推荐文章于 2022-11-29 17:27:48 发布

阅读量4k

点赞数 4

分类专栏： java vue.js 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/dfkjds/article/details/122258122

版权

java 同时被 2 个专栏收录

11 篇文章 1 订阅

订阅专栏

vue.js

1 篇文章 0 订阅

订阅专栏

关于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;
        }