用 替换空格
- 论坛
- 用 替换空格
9 浏览
用 替换空格
假设有以下元素(请注意尾部和首部的空格):
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
由于这里显示的 display: inline-block
的奇怪行为,我想用
替换所有的空格,参见这里的链接:http://jsfiddle.net/SQuUZ/ (我不知道所有的浏览器,但最新的 Chrome 和 Firefox 都表现一样)。
既然可以使用 JavaScript,那么也可以使用 jQuery,我可以这样做:
$('p').text($('p').text().replace(/ /g, ' '));
但是它会转义
并变成 a mess of entities
。
显然,为了这种目的,我们可以使用 $('p').html()
:
$('p').html($('p').html().replace(/ /g, ' '));
但是这个方法更糟糕,因为它还会在标签本身中添加
:
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
这会导致一切都乱掉了...
注意事项:
- 容器中不仅会有带有 class 为
item
的元素(容器本身也可能不总是
- 慢速正则表达式是一个选项(问题是,我想不出一个...)。
在这里我有哪些选项?
更新:
事实上,有人能解释一下为什么会有多行/单行 display: inline-block;
的这种 bug 吗?(参见上面的链接,并仔细检查...)