Bootstrap链接按钮和按钮宽度不一样。怎么修？

Question

我将宽度属性添加到引导按钮。但是，它没有使<a class="btn" />与<button class="btn" />的宽度相同。这里是jsFiddle。

这是在Chrome中。

Answer 1

将左侧和右侧padding重置为零有助于保持链接按钮2px更宽。

这是因为铬的用户代理适用于box-sizing: border-box元件button这意味着padding将被包括在width和不除它。

设置box-sizing: content-box在您的班级修复了这2px的差异。

请参阅demo。