css 替换段落标记中的字符

发布于 2024-09-04 06:37:07 字数 367 浏览 4 评论 0原文

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

我的目标是使用 CSS 用小图像替换网页上的字符(如空格)。

示例:

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

变成:(

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

其中 IMG 代表可见图像(middot-pic 代表空间 fe))

我想不出合适的 css 选择器。但也许你们中的一个人(或女孩)知道解决方案。这有可能吗?

Already checked exisitng questions for this, but didn't find an exact match.

My aim is to replace characters (like spaces) on a webpage with a small image using css.

Example:

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

becomes:

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

(where IMG stands for a visible image (middot-pic for a space f.e.))

I cannot think of a suitable css selector. But myabe one of you guys (or girls) know a solution. Is this possible at all?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

乱世争霸 2024-09-11 06:37:07

由于您没有 ID,我假设您希望在所有

...

上都有它。 jQuery 将帮助您:

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

Since you're not having an ID, I assume you want it on all <p><span>...</span></p>. jQuery will help you:

$(document).ready(function(){ 
  $("p span").html($("p span").html().replace(/ /g,'<img src="yourimg.gif" />'));
});
红ご颜醉 2024-09-11 06:37:07

不,css没有这个能力。它唯一能做的事情就是文本转换,它可以做诸如全部大写之类的事情。

No, css doesn't have this ability. The only such things it can do are text-transform, which can do things like make it all uppercase.

无悔心 2024-09-11 06:37:07

如果单色图像就足够了,您可以使用具有您选择的字形的自定义 网络字体 代替通常的空格字符(U+0020)。

If a monochromatic image will suffice, you could use a custom web font that has the glyph of your choice in place of the usual empty space character (U+0020).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文