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

Question

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

这是在Chrome中。

Answer 1

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

这是因为chrome的用户代理将box-sizing: border-box应用于button个元素，这意味着padding将包含在width中，而不是box-sizing: content-box。

在班级中设置{{1}}也会修复此2px差异。

请参阅 demo 。