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がフレキシボックスでなければなりません – 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

答えて