Bootstrap链接按钮和按钮宽度不一样.怎么修?

Tra*_*Liu 5 css button width twitter-bootstrap

我将width属性添加到bootstrap按钮.但是,它 <a class="btn" />的宽度不同<button class="btn" />.这是jsFiddle.

这是在Chrome中.

Moi*_*man 9

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

这是因为chrome的用户代理适用box-sizing: border-boxbutton元素,这意味着padding将包含在元素中,width而不是除此之外.

box-sizing: content-box您班级中的设置也会修复此2px差异.

演示.