【问题标题】:Can I have equal space per letter in web page?我可以在网页中每个字母有相等的空间吗?
【发布时间】:2021-12-05 16:51:33
【问题描述】:

对于网页,我想要一个带有变相的段落,就像刽子手一样。但他们不是猜测字母,而是猜测单词。

所以你可能会看到:

_ _ _ _ _     _ _ _

如果他们猜到“那里”,你会得到:

那里_ _ _

但我不希望单词和文本跳来跳去,因为单词猜对了。 就像 _ _ _ _ 比 'there' 占用更​​多的宽度,所以当他们猜到时,_ _ _ 会跳到左边,如果你明白我的意思的话。

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

有人知道我的意思以及如何使它看起来不错吗?

另外,如果这很重要,我会在 Blazor 中执行此操作。

【问题讨论】:

标签: html .net replace blazor word


【解决方案1】:

您搜索的是等宽字体:https://en.wikipedia.org/wiki/Monospaced_font

有关已知等宽字体的列表,请参见此处: https://en.wikipedia.org/wiki/List_of_monospaced_typefaces

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-03-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-23
    • 2013-05-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多