我正在使用PRE标签显示一些内容，因为按原样保留空白是至关重要的。 但是，当我尝试更改PRE字体系列时，空白缩进就会崩溃。
更具体地说，我正在建立一个带有和弦歌词及其等效歌词的网站，所以我需要每个和弦都在某个单词或字母之上。当我设置PRE字体系列样式时，和弦正在丢失它们相对于字母位置的相对位置，即使所有文本的样式都相同。
有什么建议吗？
答案 0 :(得分：4)
正如其他海报所说，你需要一个等宽字体。如果要使用自己的等宽字体，可以使用CSS3自定义字体。但是，解决问题的最简单方法是让查看器的浏览器决定使用哪种字体。要确保所有观看者都以等宽字体显示您的pre内容，请使用以下内容。
pre { font-family: monospace; }
答案 1 :(得分：2)
我认为这是因为你的font-family每个字母/数字的宽度不同。 但是，您应该能够使用等宽字体？
答案 2 :(得分：2)
是的，你需要等宽字体。这里列出了一些可用的字体 http://www.urbanfonts.com/fonts/monospaced-fonts.htm（Google）