刪除HTML空間，用css

這是CSS代碼：刪除HTML空間，用css

#div_0, #div_1 { 
    width: 100px; 
    height: 100px; 
    display: inline-block; 
} 

#div_0 { 
    background-color: #090; 
} 

#div_1 { 
    background-color: #900; 
}

而這，就是HTML

<div id="div_0"></div> 
<div id="div_1"></div>

這displayd這樣： http://jsfiddle.net/7G63S/

正如你看到的，這裏是間香料div標籤，刪除這個空間我可以這樣寫html：

<div id="div_0"></div><div id="div_1"></div>

和問題解決： http://jsfiddle.net/7yE2M/

但intereset，怎麼能刪除div之間出現空間CSS，HTML，如果看起來像這樣：

<div id="div_0"></div> 
<div id="div_1"></div>

？

或使這不可能？

P.S. white-space：nowrap在這種情況下不起作用。

來源

2012-09-12 RIKI

不能刪除，使用CSS - 你只能隱藏... – feeela

是的，你是對的 – RIKI

的float:left風格加入的div這裏#div_0, #div_

演示http://jsfiddle.net/7yE2M/1/

來源

2012-09-12 12:46:56 Sowmya

不解決問題，但是在佈局中定位元素是一種完全不同的方法... – feeela

@krish只有'float：left;'不是內聯塊。 – Chris

是的，這是錯誤的接近。 @sean vieira以正確的方式完成 – supersaiyan

集line-height和font-size 0包裝容器上 - 看到http://jsfiddle.net/7G63S/1/

來源

2012-09-12 12:47:48

yeahh這是正確的方法，而不是@sowmya回答 – supersaiyan

請注意，這是不是很友好的搜索引擎優化。由於您明確隱藏文本，因此網絡爬蟲可能會考慮這種濫用;當然這個CSS規則可能會被兒童規則覆蓋，但我仍然認爲這不是一個好主意。 – Chris

@ Abody97 - 我希望網絡爬蟲不會使用這種技術隱藏非空白文本的數量（在這種情況下，沒有），也不會懲罰使用這種技術的網站。 –

你想要的源格式的原因還是空白這是無法修改一些生成的HTML的情況嗎？如果你可以修改html，最好的辦法是簡單地消除空白，但並不意味着你需要失去格式。只是註釋掉空白：

<div id="div_0"></div><!-- 
--><div id="div_1"></div>

編輯：更多的解決方案可以在這裏找到http://css-tricks.com/fighting-the-space-between-inline-block-elements/

來源

2012-09-12 13:38:22 cimmanon

刪除HTML空間，用css

回答

相關問題