【问题标题】:Quasar Grid Left Align Items In Last RowQuasar Grid 左对齐最后一行的项目
【发布时间】:2021-04-19 19:16:21
【问题描述】:

在Quasar中保持最后一行左对齐的同时使网格中的项目居中是否有技巧?在下面查看我的问题:

【问题讨论】:

    标签: flexbox alignment quasar-framework


    【解决方案1】:

    你可以使用

    <div class="row justify-start">
        <div class="col" v-for="item in listB" :key="item.id">
        ...
        </div
    </div>
    

    或者如果你想保持一些居中而最后一个对齐到左边,那么你必须将它们分成2个列表(居中的和左边的

    <div class="row justify-center">
        <div class="col" v-for="item in listA" :key="item.id">
        ...
        </div
    </div>
    <div class="row justify-start">
        <div class="col" v-for="item in listB" :key="item.id">
        ...
        </div
    </div>
    

    ?

    【讨论】:

      猜你喜欢
      • 2019-01-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-01-29
      • 1970-01-01
      • 2018-03-11
      • 2020-07-06
      • 2016-03-23
      相关资源
      最近更新 更多