css - 是否可以在字符上水平对齐文本？

Question

假设我有一段这样的文字:

x = 2 / y
a + b + c = x

是否可以通过 CSS(或其他技巧)对齐这些线，使它们最终看起来像这样？

        x = 2 / y
a + b + c = x

我想我可以将左边的部分放在一个表列中，= 号放在下一个，右边放在第三个，然后使用右对齐、居中和左对齐，但这感觉不是特别干净或语义上正确:p

Answer 1

使用 text-align CSS 属性对齐文本。
如果您想根据文本中的空格数对齐，请使用 white-space 来保留空格，并结合等宽字体，Fiddle: http://jsfiddle.net/cCLZy/

<style>
.right-align {
    /*text-align: right;*/
     white-space: pre; 
     font-family: monospace;
}
</style>

<!-- Spaces and newlines are preserved -->
<div class="right-align">
        x = 2
a + b + c = x
</div>