chrome上的按钮之间的间隙答案

【问题标题】：Gap between buttons on chromechrome上的按钮之间的间隙
【发布时间】：2012-10-31 22:18:29
【问题描述】：

我正在使用引导程序创建一个 btn 组，充当单选按钮（javascript 组件）。

这在 Firefox 中看起来很棒，但在 chrome 中存在差距：

这是一个错误还是我在某处有一些额外的标记？

HTML 代码：

        <div id="loadOptions">
            <div class="btn-group" data-toggle="buttons-radio">
                <button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button>
                <button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
            </div>
        </div>

【问题讨论】：

即使我删除了所有 css 并仅保留引导程序，问题仍然存在。这是自定义下载，也许我遗漏了什么？
只是一个理论，但它可能是由按钮之间的标记中的换行符和空格字符引起的。尝试将每个
我试过了，但还是有差距:(
我正在使用带有最新版本 TBS 的 Chrome，但没有发现问题 (jsfiddle.net/technotarek/DWcG9)。你有自己的 CSS 吗？如果是这样，那可能就是问题所在......
只是一个理论，可能是因为我没有完整的引导程序，只有按钮组件

标签： css firefox google-chrome twitter-bootstrap

【解决方案1】：

我能够解决这个问题：

button
{
    margin: 0;
}

【讨论】：

【解决方案2】：

只是不要按回车键，把第二个按钮标签放在第一个按钮标签前面，间隙就会消失：

<div id="loadOptions">
    <div class="btn-group" data-toggle="buttons-radio">
        <button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button><button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
    </div>
</div>

【讨论】：

不，如 cmets 中所述。