css替换段落标签中的字符答案

【问题标题】：css to replace characters in paragraph tagcss替换段落标签中的字符
【发布时间】：2011-02-26 09:32:49
【问题描述】：

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

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

例子：

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

变成：

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

（其中 IMG 代表可见图像（middot-pic 代表空间 f.e.））

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

【问题讨论】：

【解决方案1】：

由于您没有 ID，我假设您希望在所有 <p><span>...</span></p> 上都使用它。 jQuery 会帮助你：

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

【讨论】：

【解决方案2】：

不，css 没有这个能力。它唯一能做的事情是文本转换，它可以做一些事情，比如把它全部变成大写。

【讨论】：

【解决方案3】：

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

【讨论】：