帶有「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」的元素（按鈕）之間的靜態空間？

回答

相關問題