css 替换段落标记中的字符
已经检查了现有的问题,但没有找到完全匹配的问题。
我的目标是使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
由于您没有 ID,我假设您希望在所有
...
上都有它。 jQuery 将帮助您:
Since you're not having an ID, I assume you want it on all
<p><span>...</span></p>
. jQuery will help you:不,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.
如果单色图像就足够了,您可以使用具有您选择的字形的自定义 网络字体 代替通常的空格字符(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).