twitter引导程序渲染问题(文档中的按钮样式与本地使用不同)

Question

我在一个项目中使用twitter bootstrap,在查看文档时,我遇到了一个非常奇怪的问题 - 如果可以这样调用的话.

在http://twitter.github.com/bootstrap/base-css.html#buttons上,有很多按钮彼此相邻显示.它们似乎有间距,但计算出的样式(在我调查的Firefox和Safari中)如下:

margin-top: 0
margin-right: 0
margin-bottom: 0
margin-left: 0

这不应该在各个按钮之间呈现10~px的间距.

9/14px的填充似乎只用于显示按钮形状.

现在,当我在自己的项目中使用twitter bootstrap时,我从twitter bootstrap doc网站看到的边距似乎不能在本地工作 - 按钮彼此粘合,没有间距.这可以通过一个简单的本地来纠正margin,但我想知道为什么它与文档不同.另外:为什么它没有在firebug或其他开发人员工具中显示？

Answer 1

所有按钮都display:inline-block添加了一个属性，该display:inline-block属性取决于从其容器继承的字体大小。如果您将按钮font-size周围的p标签设置为0或删除html, body和p标签，font-size您可以看到该空格是如何删除的。