按鈕獲取擴展時使用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

回答