Quasar中q-item里的按钮如何水平排列?Flex布局不生效
我在用Quasar的q-item组件做列表项,想让里面的两个按钮水平排列,但用了flex布局类还是上下显示:
<q-item>
<q-item-section>
<div class="row">
<q-btn class="q-mr-sm" label="编辑" flat />
<q-btn label="删除" color="negative" flat />
</div>
</q-item-section>
</q-item>
试过加no-wrap类、调整margin都没用,控制台也没报错,但按钮始终垂直排列。是不是q-item有特殊样式覆盖了?
差不多就是这个问题,inline 能解决。要是还不行,再看看其他样式是不是有冲突。
<q-item>
<q-item-section>
<div class="row inline">
<q-btn class="q-mr-sm" label="编辑" flat />
<q-btn label="删除" color="negative" flat />
</div>
</q-item-section>
</q-item>
搞定。