css替换段落标记中的字符

Question

已经检查过现有的问题，但没有找到完全匹配。

我的目标是使用css用小图像替换网页上的字符（如空格）。

例：

<p><span>This is a text</span></p>

变为：

<p><span>ThisIMGisIMGaIMGtext</span></p>

（其中IMG代表可见图像（middot-pic表示空间fe））

我想不出合适的css选择器。 但是你们其中一个人（或女孩）知道一个解决方案。 这有可能吗？

Answer 1

不，css没有这种能力。 它可以做的唯一这样的事情是文本转换，它可以做一些事情，如使它全部大写。

Answer 2

由于您没有ID，我认为您需要在所有<p><span>...</span></p> 。 jQuery将帮助您：

$(document).ready(function(){ 
  $("p span").html($("p span").html().replace(/ /g,'<img src="yourimg.gif" />'));
});

Answer 3

如果单色图像就足够了，您可以使用具有您选择的字形的自定义Web字体 代替通常的空白字符（ U + 0020 ）。