更改PRE样式但保留空格距离

Question

我使用PRE标记显示一些内容，因为保留空格是很重要的。但是，当我尝试更改PRE字体系列时，空格缩进就崩溃了。

更具体地说，我正在建立一个与歌曲和弦和他们的对等歌词的网站，所以我需要每个和弦恰好在某个单词或字母之上。当我设置PRE字体系列的样式时，即使所有文本的样式都是相同的，和弦也失去了相对于字母位置的相对位置。

有什么建议吗？

Answer 1

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

pre { font-family: monospace; }

Answer 2

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

Answer 3

是的，你需要等宽字体。下面是一些可用的字体列表

谷歌( http://www.urbanfonts.com/fonts/monospaced-fonts.htm )