用 替换空格

9 浏览
0 Comments

用 替换空格

假设有以下元素(请注意尾部和首部的空格):

    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 吗?(参见上面的链接,并仔细检查...)

问题迁移到 display: inline-block; 奇怪的间距行为

0