2

我正在使用 PRE 标记显示一些内容，因为按原样保留空白非常重要。但是，当我尝试更改 PRE 字体系列时，空白缩进会分崩离析。

更具体地说，我正在构建一个包含歌曲和弦及其等效歌词的网站，因此我需要每个和弦都恰好位于某个单词或字母之上。当我设置 PRE 字体系列的样式时，和弦相对于字母位置正在丢失，即使所有文本的样式都相同。

有什么建议么？

4

3 回答 3

4

正如其他海报所说，你需要一个等宽字体。如果您想使用自己的等宽字体，可以使用 CSS3 自定义字体。不过，解决问题的最简单方法是让查看者的浏览器决定使用哪种字体。为确保所有查看者pre以等宽字体看到您的内容，请使用以下内容。

pre { font-family: monospace; }
于 2011-05-26T22:32:44.307 回答
2

我认为这是由于您的字体系列中每个字母/数字的宽度不同。但是，您应该能够使用等宽字体吗？

于 2011-05-26T22:17:03.740 回答
2

是的，你需要等宽字体。这里列出了一些可用的字体
http://www.urbanfonts.com/fonts/monospaced-fonts.htm (Google)

于 2011-05-26T22:27:26.167 回答