Question

我的目标是在HTML文档中用空格替换_的显示：

前：

hello_world

应该是

hello world

可能的解决方案：

将创建一个

可以用CSS完成吗？

重要的是我们不要修改原始字符串（我们保留_字符），但我们只是显示空格。

此致

Answer 1

我认为这可以在CSS中实现一次性的事情：

<span class="replace-me">hello_world</span>


.replace-me{
    display:none;
}
.replace-me:after{
    content:'hello world';
}

但我猜这不完全是你想要的。

否则，要替换JS中的所有实例：

document.body.innerHTML = document.body.innerHTML.replace('_', ' ');

Answer 2

你可能不得不对正则表达式更加喜欢，但你可以解析页面的下划线并将它们包装在<span>中。然后使用将其内容设置为单个空格的伪元素来替换包装的下划线。

<p>
    Some_content with_underscores_going_on.
</p>

span:after {
    font-size: 16px;
    content: ' ';
}
span {
    font-size: 0;
}

// jQuery
var f = $("body"); 
f.html( f.html().replace(/_/g,"<span>_</span>") );