仅CSS :将<p>中的所有字符替换为相同的字符
仅CSS :将<p>中的所有字符替换为相同的字符
提问于 2021-04-19 14:03:25
我有一个<p class="hidden"></p>，里面有一些文本。我想用相同的字符替换段落中的所有字符，例如问号。请注意，这不是一个可行的解决方案，因为它需要预先指定新字符串的长度：
.hidden {
text-indent: -9999px;
line-height: 0;
}
.hidden::after {
content: "???";
}举个例子：
<p>Just some text!</p>
<p class="hidden">Hello, world!</p>应呈现：
Just some text!
?????????????Stack Overflow用户
回答已采纳
发布于 2021-04-19 22:40:25
一种想法是构建自己的字体，只包含1个字符(？签名)，并将其用于您的文本。
我对此并不熟悉，但你可以很容易地找到很多工具来做这件事。我将简单地给出一个例子，使用一种奇怪的字体来向你展示这个想法：
@font-face {
font-family: "Strange";
src: url("https://css-challenges.com/ahem/dugun.regular.otf");
}
p {
font-size:35px;
}
.hidden {
font-family: "Strange";
}<p>some text here</p>
<p class="hidden">some text here</p>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67156674
复制相关文章
相似问题
腾讯云开发者
