元素(按钮)之间的间距为"margin:0"?

Nul*_*uli 12 css

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

照片:
在此输入图像描述

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

但保证金左/右似乎没有做任何事情.这里发生了什么?

leo*_*pic 14

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

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

.redline_changes, .redline_comments{
    margin-left: 0px;
    margin-right: 0px; float: left;
}
Run Code Online (Sandbox Code Playgroud)

  • 我实际上是反对花车,因为它们不是跨浏览器...或者至少不能可靠地跨浏览器. (2认同)
  • 我们有依赖浮动的CSS网格系统(蓝图,960等),当你清除它时,使用浮动的问题是什么? (2认同)

joa*_*tis 6

空间是由两个内部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>
Run Code Online (Sandbox Code Playgroud)