元素（按钮）之间的间距为“margin：0”？

Question

http://jsfiddle.net/TRVfh/2/

图片：

所以，现在，两个按钮之间有一点点gam。 我希望按钮分享中间边缘，或者至少是触摸（如果它们正在触摸，更改CSS以便看起来它们共享边缘并不难）

但保证金左/右似乎没有做任何事情。 这是怎么回事？

Answer 1

由于返回和用于格式化HTML的缩进，这两个按钮之间有空格。

只需浮动两个容器：http://jsfiddle.net/TRVfh/19/

.redline_changes, .redline_comments{
    margin-left: 0px;
    margin-right: 0px; float: left;
}

Answer 2

空间是由两个内部div之间的换行符和缩进引起的。移除空白区域将使两者更接近。

<div class="shell" style="width: 950px; ">
        <div class="redline_changes">
            <a href="#">Left Button</a>
        </div><div class="redline_comments">
            <a href="#">Right Button</a>
        </div>
</div>

Answer 3

只需删除DIV之间的任何空格：

    <div class="redline_changes">
        <a href="#">Left Button</a>
    </div><div class="redline_comments">
        <a href="#">Right Button</a>
    </div>

Answer 4

看起来HTML中有额外的空格。 http://jsfiddle.net/TRVfh/18/

Answer 5

尝试添加display:inline（而不是当前的display:inline-block;）

http://jsfiddle.net/D269S/

在Chrome，Firefox，Opera和IE中测试过。

Answer 6

I fixed this将margin-left: -5px添加到第二个按钮。

Answer 7

这是通过规范化自动插入的单个空格字符。不幸的是，为了解决这个问题，你需要破坏你的代码格式：

</div><div class="redline_comments">
            <a href="#">Right Button</a>
        </div>

Here's a demo.

Answer 8

使用display:flex;
flex代表灵活的布局。

Answer 9

你可以使用全0的垫片

.example-spacer {
  flex: 0 0 0;
}
or
.example-spacer {
  flex: 0 0 auto;
}
or
.example-spacer {
  flex: auto;
}

Answer 10

尝试所有按钮：

margin-left: 0px;
margin-right: 0px;
display:flex;
float: left;