是否有替代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