按钮获取扩展时使用flexbox

-1

我试图把一个按钮放在使用弹性盒的div部分的中心。按钮获取扩展时使用flexbox

这里是我的代码：

<div> 
 
    <a href="#" class="btn btn-outline-primary btn-lg" style="display: flex; justify-content: center;">Button</a> 
 
</div>

然而，按钮编译后延长。

我应该如何修改代码以避免扩展问题？

2017-07-28 Henry Hung

的DIV应该是Flexbox的 – Gerard

是的，你是正确的。我只注意到我犯了一个愚蠢的错误。谢谢 –

垂直或水平或两者都居中？ – LKG

.btn{ 
     padding:0 0; 
     margin:auto; 
     width:20px; 
    }

这个CSS将解决这个问题

2017-07-28 05:46:24

这将做到这一点。

<div style="display: flex; justify-content: center;"> 
 
    <a href="#" class="btn btn-outline-primary btn-lg">Button</a> 
 
</div>

2017-07-28 05:49:57 Owais

回答