如何刪除嵌入塊元素之間的空間

-6

我有這兩個inline-block div與width: 50%每個。我需要他們適應一條線。如何刪除嵌入塊元素之間的空間

<div class="inline">Left one</div> 
<div class="inline">Right one</div>

我已經知道這是我的問題的實際解決方案，但我的代碼也很好看。

<div class="inline">Left one</div><div class="inline">Right one</div>

對此有什麼好看的解決方案？

在此先感謝。

這裏是一個演示的jsfiddle：JSFIDDLE

2013-11-28 Joaquín O

你的意思是說，你想你的代碼好看嗎？什麼東西看起來不太好？ – Charles

你可以嘗試漂浮它們。 –

我不想結束一個div，並在同一行中啓動以下內容。這是一個簡單的例子，但它在現實中的可讀性較差（更多的div在同一行中，並且內部有很多代碼）。我喜歡好的縮進。 –

你可以嘗試申請：

margin:0; padding:0; float:left;

還檢查了這個頁面選擇：

2013-11-28 23:04:13

這將避免任何空間:) –

Thx，我試圖避免浮動反正.. –

不客氣。我建議你看看這個頁面，這是非常具有說明性的http://css-tricks.com/fighting-the-space-between-inline-block-elements/ –

-2

不知道你想要什麼，只要程序的第二塊的工作你爲什麼不使用它們？

或者你可以使用float:left

2013-11-28 23:04:00

b/c我喜歡在我的代碼中有很好的縮進。這只是一個美學問題。 –

-2

添加「浮動：左」的類...

div.inline 
{ 
    display: inline-block; 
    width: 50%; 
    outline: solid 1px #F00; 
    float: left; 
}

2013-11-28 23:04:47 Ads

回答