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 ）。