按钮获取扩展时使用flexbox
问题描述:
我试图把一个按钮放在使用弹性盒的div部分的中心。按钮获取扩展时使用flexbox
这里是我的代码:
<div>
<a href="#" class="btn btn-outline-primary btn-lg" style="display: flex; justify-content: center;">Button</a>
</div>
然而,按钮编译后延长。
我应该如何修改代码以避免扩展问题?
答
.btn{
padding:0 0;
margin:auto;
width:20px;
}
这个CSS将解决这个问题
答
这将做到这一点。
<div style="display: flex; justify-content: center;">
<a href="#" class="btn btn-outline-primary btn-lg">Button</a>
</div>
的DIV应该是Flexbox的 – Gerard
是的,你是正确的。我只注意到我犯了一个愚蠢的错误。谢谢 –
垂直或水平或两者都居中? – LKG