Html 用空格填充时字符错位

Html character misalignment while padding with whitesapce

我试图在一个简单的 HTML 文档中显示一些蛋白质子序列的比对 以等宽 Courier 字体打印字符 .

然而,涉及 space ' ' 的左填充,并且字符未对齐,特别是当有很长一段填充字符时。

我猜这是因为白色的宽度不同space,当我用其他字符(如“X”)填充时,它会完美对齐。

我想用 space 填充以使文档的外观更好。 有人可以提出一些简单的 HTML 解决方案吗?

您可能想使用“mono”字体,以便所有字符具有相同的宽度。

为此,您可以检查“font-family”CSS 属性:https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

例如:

body {
 font-family: monospace;
}