css - ブートストラップリンクボタンとボタンの幅が同じではありません。直し方？

Question

ブートストラップボタンにwidthプロパティを追加しました。<a class="btn" />ただし、と同じ幅にはなりませんでし た<button class="btn" />。これがjsFiddleです。

これはChromeにあります。

Answer 1

左右paddingをゼロにリセットすると役立ちますが、リンクボタンは2px広くなります。

これは、chromeのユーザーエージェントが要素に適用されるbox-sizing: border-boxためbuttonです。つまり、は要素に追加されるpaddingのではなく、に含まれることになります。width

クラスで設定box-sizing: content-boxすると、この2pxの違いも修正されます。

デモを参照してください。