首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用css来均匀地布局一些动态显示的按钮?

如何使用css来均匀地布局一些动态显示的按钮?
EN

Stack Overflow用户
提问于 2019-06-04 08:13:36
回答 1查看 124关注 0票数 0

我在Vue中使用v-if动态生成了许多按钮。我想在页面底部均匀地布局按钮(左边和右边的空白区是一样的)。

我使用的是mdui按钮样式,它看起来是固定的宽度和高度。因此,我必须在一行(例如,如果按钮少于三到四个或超过移动页面的宽度)或两行(如果有更多按钮)上布局。

我已经试过<div class="bottomBtn" style="display:flex; flex-wrap:wrap;">了它不工作...我对div盒子感到非常困惑。如何做到这一点?

我希望左边和右边的空间是均匀的。但结果如图所示,所有按钮都是左对齐的。

代码语言:javascript
复制
<div class="bottomBtn">
<button class="mdui-btn mdui-btn-raised">Save</button>
<button class="mdui-btn mdui-btn-raised" v-if="pullDisplay">PullBack</button>
<button class="mdui-btn mdui-btn-raised" v-if="cancelDisplay">Cancel</button>
<button class="mdui-btn mdui-btn-raised" v-if="reviseDisplay">Revise</button>
<button class="mdui-btn mdui-btn-raised" v-if="sendDisplay">SendBack</button>
<button class="mdui-btn mdui-btn-raised" v-if="approvalDisplay">Approval</button>
</div>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56435919

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档