bikeshedding CSS3屬性替代？

Question

是否有替代bikeshedding CSS3屬性？它似乎還沒有得到支持。

Answer 1

的空白財產

在CSS3，該white-space屬性是white-space-collapsing的簡寫（我猜bikeshedding意味着他們不知道該怎麼稱呼它）和text-wrap屬性。該white-space屬性是CSS 2.1屬性大多數瀏覽器都支持，有兩個值，它塌陷新線：

1. normal（初始值）。
2. nowrap

但什麼是崩潰換行符是什麼意思？

根據CSS 2.1：

如果「空白」被設置爲「正常」或 「NOWRAP」，換行字符是 轉化渲染目的爲以下字符 之一：根據 基於 內容腳本的UA特定算法，空間字符，零寬度空間 字符（U + 200B）或無字符 （即，未呈現）。

根據CSS 3：

之前或之後含有 換行符一個 空格序列引起的 白色空間中的整個序列摺疊成零 寬度空間A零寬度的空間。

現實：

大多數瀏覽器轉換換行符爲空間。所以你真正想要的是將white-space-collapsing屬性設置爲discard而不是collapse或collapse，然後在換行符之前添加零寬度空格字符。

做，直到瀏覽器支持什麼

從HTML文檔中刪除空格：

<span>A</span> 
<span>B</span> 

要：

<span>A</span><span>B</span> 

或者：

<span>A</span><span> 
    B</span> 

Answer 2

如果我正確理解你，你的意思是text-spacing屬性。

據我所知，there isn't a lot of support。

Answer 3

總是有最明顯的修復，這是簡單地刪除HTML中的空白：

http://jsfiddle.net/F3Mdd/1/ - 它真的很容易，它只是工作。從這：

<div>a</div> 
<div>a</div> 

這樣：

<div>a</div><div>a</div> 

這裏有一個更詳細的answer。

說實話，我一直只是刪除空格...

Answer 4

另一種方法就是等待這個CSS3特性，然後用Javascript去除空白。

http://jsfiddle.net/rT4Dy/2/

$('[data-bikeshedding="discard"]').each (function() { 
    var node = $(this); 
    node.html (node.find ('> *').detach()); 
});