带有“margin：0”的元素（按钮）之间的静态空间？

http://jsfiddle.net/TRVfh/2/带有“margin：0”的元素（按钮）之间的静态空间？

一个画面：
enter image description here

所以，现在，有两个按键之间的一个小GAM。我想按钮分享中间边缘，或至少是感人（如果他们触摸，更改CSS，因此它看起来像他们共享一个边缘并不难）

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

2012-01-11 NullVoxPopuli

这两个按钮在它们之间有一个空格，因为用于格式化HTML的返回和缩进。

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

来源

2012-01-11 18:16:00 leopic

我实际上反对花车，因为它们不是跨浏览器。 ..或至少不可靠的跨浏览器。 – NullVoxPopuli 2012-01-11 18:17:09

我们拥有依赖浮动的CSS网格系统（蓝图，960等），在清除浮动的过程中使用浮动的问题是什么？ – leopic 2012-01-11 18:18:50

你的意思是做额外的div明确：两者;破解？我不确定你是什么意思。我没有正式的网页设计培训，所以这些条款对我来说是新的。 – NullVoxPopuli 2012-01-11 18:21:35

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

来源

2012-01-11 18:12:58 blake305

，如果他有什么10个按键的间隔？ – leopic 2012-01-11 18:25:37

@LEOPiC将它应用于每个具有类的元素，然后只需将'margin-left：0px'设置为第一个按钮 – blake305 2012-01-11 18:26:51

浮动它们并忘记额外的类别会更有意义吗？ – leopic 2012-01-11 18:37:34

只是删除div之间出现任何空格：

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

来源

2012-01-11 18:13:26 Thinker

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

来源

2012-01-11 18:14:05 j08691

该空间是由两个内部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>

来源

2012-01-11 18:15:35 joatis

这是一个的通过标准化自动插入空格字符。不幸的是，解决它，你需要毁掉你的代码格式：

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

Here's a demo.

来源

2012-01-11 18:16:10 Ryan

是不是有一种方法来保持我的格式和摆脱空间？或者有些如何让它忽略空间？ – NullVoxPopuli 2012-01-11 18:18:19

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

http://jsfiddle.net/D269S/

测试在Chrome ，Firefox，Opera和IE。

来源

2012-01-11 18:17:11 Konerak

我喜欢这种方法，但它改变了按钮的外观。我在玩弄我怎样才能让他们回到他们以前的样子（尺寸方面） – NullVoxPopuli 2012-01-11 18:24:57

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

来源

2015-01-22 09:42:38 shivam

你可以使用所有0

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

来源

2017-06-30 11:49:11 Salma

带有“margin：0”的元素（按钮）之间的静态空间？

回答

相关问题