我可以在网页上每个字母有相同的空间吗?



对于一个网页,我想有一个段落与伪装的文字,很像刽子手。但是他们不是猜字母,而是猜单词。

所以你可以看到:

_ _ _ _ _ _ _ _ _

如果他们猜'there',你会得到:

there

但是我不希望单词和文本在猜对单词时跳来跳去。比如_ _ _ _ _比'there'占用更多的宽度,所以当他们猜出来的时候,_ _ _会跳到左边,如果你知道我的意思。

此外,_____在字符之间有空格,否则您将得到_____。因此,如果我简单地替换_ _ _ _ _中的每个_,您将得到't h re ',这也不是我想要的。

有人知道我的意思和如何使这个看起来不错吗?

此外,如果这很重要,我正在Blazor中这样做。

您要查找的是等宽字体:https://en.wikipedia.org/wiki/Monospaced_font

查看已知等宽字体列表:https://en.wikipedia.org/wiki/List_of_monospaced_typefaces

有一堆由GoogleFonts提供的等宽字体:https://fonts.google.com/?category=Monospace

通过使用其中一个字符,包括空格在内的每个字符将采用相同的宽度。