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

我在一个项目中使用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网站看到的边距似乎无法在本地工作 – 按钮彼此粘合,没有间距.这可以通过简单的局部边缘来纠正,但我想知道为什么它与文档不同.另外：为什么它没有在firebug或其他开发人员工具中显示？

解决方法

所有按钮都具有display属性：添加了inline-block,display：inline-block依赖于从容器继承的font-size.如果将包含按钮的p标签上的font-size设置为0或删除html,body和p标签font-size,您可以看到如何删除该空间.