5

我将宽度属性添加到引导按钮。但是,它 <a class="btn" />的宽度与<button class="btn" />. 这是jsFiddle

这是在 Chrome 中。

4

1 回答 1

9

将左右重置padding为零会有所帮助,但会使链接按钮宽 2 像素。

这是因为 chrome 的用户代理适用box-sizing: border-boxbutton元素,这意味着padding将包含在其中width而不是添加到其中。

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

演示

于 2012-08-13T04:03:21.667 回答