首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >可以用 替换空格吗?

可以用 替换空格吗?
EN

Stack Overflow用户
提问于 2018-01-29 01:53:30
回答 2查看 0关注 0票数 0

让我们假设以下元素(查找尾部和前导空格):

代码语言:txt
复制
<p>
    <span class="item">Lorem Ipsum is simply dummy text </span><span class="item">of the printing and typesetting</span><span class="item"> industry.</span>
</p>

我想用&nbsp;,应付display: inline-block这里显示了奇怪的行为:http://jsfiddle.net/squuz/(不知道所有的浏览器,但最新的Chrome和Firefox都是一样的)。

现在,由于javascript是这里的一个选项,jQuery也是一个选项,所以我可以:

代码语言:txt
复制
$('p').text($('p').text().replace(/ /g, '&nbsp;'));

但它逃过了&nbsp;结果变成a&nbsp;mess&nbsp;of&nbsp;entities...

显然,为了这些目的我们可以用$('p').html()*

代码语言:txt
复制
$('p').html($('p').html().replace(/ /g, '&nbsp;'));

但是这个更糟,因为它也增加了&nbsp;在标签本身内:

代码语言:txt
复制
<p>
    <span&nbsp;class="item">Lorem&nbsp;Ipsum&nbsp;is&nbsp;simply&nbsp;dummy&nbsp;text&nbsp;</span><span&nbsp;class="item">of&nbsp;the&nbsp;printing&nbsp;and&nbsp;typesetting</span><span&nbsp;class="item">&nbsp;industry.</span>
</p>

<!-- TL;DR -->
<span&nbsp;class="item"></span> <!-- is actually invalid... -->

  • 不仅是<span>类元素item在容器内(也可能不一定是<p>)。
  • 慢正则表达式是一种选择(问题是,我不能想出一个...)。

我在这里有什么选择?

问题转移到display: inline-block; weird spacing behavior

EN

Stack Overflow用户

发布于 2018-01-29 11:45:15

jQuery is really great and does all things,CSS在某些情况下也可以工作:

代码语言:txt
复制
white-space: pre-wrap;

与CSS 3有关的:text-space-collapse

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100007253

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档