css - chrome 按钮之间的间隙

标签 css firefox google-chrome twitter-bootstrap

我正在使用 bootstrap 创建一个 btn-group,充当单选按钮(javascript 组件)。

这在 Firefox 中看起来很棒,但在 chrome 中存在差距:

enter image description here

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

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>

最佳答案

我能够通过以下方式解决问题:

button
{
    margin: 0;
}

关于css - chrome 按钮之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13344608/

相关文章:

html - Bootstrap 4 选项卡只工作一次,当返回到上一个选项卡时,内容是不可见的

html - 在 Vaadin 中获取组件的确切宽度和高度

html - 使用 Bootstrap 的垂直对齐不起作用

jquery - 滚动后使用响应宽度修复 div 位置

javascript - 延迟后在 chrome 中打开标准窗口

html - flex :1 is not stretching container with content in Chrome

javascript - 使用 javascript 使用已安装的搜索引擎执行搜索

javascript - Firefox 29.0.1 WebSocket 问题

html - 强制 Firefox 缩放适合设备尺寸的内容

xml - 错误 : This XML file does not appear to have any style information associated with it