是否有替代bikeshedding
CSS3屬性?它似乎還沒有得到支持。bikeshedding CSS3屬性替代?
回答
的空白財產
在CSS3,該white-space
屬性是white-space-collapsing
的簡寫(我猜bikeshedding
意味着他們不知道該怎麼稱呼它)和text-wrap
屬性。該white-space
屬性是CSS 2.1屬性大多數瀏覽器都支持,有兩個值,它塌陷新線:
normal
(初始值)。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>
總是有最明顯的修復,這是簡單地刪除HTML中的空白:
http://jsfiddle.net/F3Mdd/1/ - 它真的很容易,它只是工作。從這:
<div>a</div>
<div>a</div>
這樣:
<div>a</div><div>a</div>
這裏有一個更詳細的answer。
說實話,我一直只是刪除空格...
另一種方法就是等待這個CSS3特性,然後用Javascript去除空白。
$('[data-bikeshedding="discard"]').each (function() {
var node = $(this);
node.html (node.find ('> *').detach());
});
此答案應該是正確的答案!我喜歡它。 – skolind 2015-04-22 12:29:58
- 1. 替代屬性
- 2. css3替代translate3d?
- 3. createDirectoryAtPath:屬性:替代
- 4. CSS3屬性Opacity
- 5. skewX()CSS3屬性
- 6. CSS3旋轉替代?
- 7. CSS3列數屬性
- 8. CSS3 flex-box屬性
- 9. 替代屬性腳本
- 10. 屬性替代概念
- 11. scrollHeight的替代DOM屬性
- 12. 替代高度屬性
- 13. 替代父CSS屬性
- 14. XHTML Transitional rel屬性替代
- 15. 替代品在href屬性
- 16. CSS3過渡代替.animate()
- 17. 替代灰度濾鏡CSS3
- 18. 扭捏CSS3轉換屬性
- 19. CSS3轉換寬度屬性
- 20. 動態應用CSS3屬性
- 21. CSS3屬性選擇關閉
- 22. CSS3選擇器屬性+
- 23. ie8上的CSS3屬性
- 24. 忽略屬性CSS3 Jquery Mobile
- 25. IE的css3外觀屬性
- 26. 使用CSS3創建屬性
- 27. 將替代者添加到替代屬性
- 28. 替代「@name」來記錄`this`的屬性
- 29. 替代依賴項屬性值
- 30. 替換函數原型屬性迭代
該酒店確實存在:http://www.w3.org/blog/CSS/2011/03/15/resolutions_152 O_O – 2011-06-14 21:14:24
它已經再次改名,但它不是在'我鏈接的css3-text'文件。 http://www.xanthir.com/feed/public-css-commits/?t=2011-06-03T13:58:11+00:00 – rockerest 2011-06-14 21:18:16
這是一個普遍的問題,還是你想用這個屬性做點什麼? – melhosseiny 2011-06-14 21:25:34