如何解决bikeshedding CSS3属性替代方案?
|bikeshedding
CSS3属性有其他选择吗?似乎尚不支持。
解决方法
空格属性
在CSS3中,
white-space
属性是white-space-collapsing
(我猜bikeshedding
表示他们尚不知道该怎么称呼)和text-wrap
属性的简写。 white-space
属性是大多数浏览器支持的CSS 2.1属性,其中有两个值会折叠新行:
normal
(初始值)。
nowrap
但是折叠换行符是什么意思?
根据CSS 2.1:
如果\'white-space \'设置为\'normal \'或
\'nowrap \',换行符为
出于渲染目的而转换为
以下字符之一:
空格字符,零宽度空格
字符(U + 200B),或者没有字符
(即未渲染),根据
基于UA的特定算法
内容脚本。
根据CSS 3:
空格之前或之后的零宽度空间
包含一个空格的空白序列
换行符会导致整个序列
空格折叠成零
宽度空间。
现实:
大多数浏览器将换行符转换为空格。因此,您真正想要的是将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>
这是更详细的答案。
老实说,我总是只删除空白...
, 另一种方法就是等待此CSS3功能,然后再使用Javascript删除空格。
http://jsfiddle.net/rT4Dy/2/
$(\'[data-bikeshedding=\"discard\"]\').each (function () {
var node = $(this);
node.html (node.find (\'> *\').detach ());
});
, 如果我对您的理解正确,则表示text-spacing
属性。
据我所知,并没有很多支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。