Question

我想使用CSS对齐括号中的正数和负数来实现以下结果：

 431,000
 (26,000)
  94,000
 (57,000)

在表格单元格上使用text-align:right;会返回以下结果：

 431,000
(26,000)
  94,000
(57,000)

但这并不完美。

是否有一种简单的方法可以做到这一点，使括号不会对齐。

我想对齐数字，以便逗号相互重叠。

谢谢！

Answer 1

无论您选择何种语言，都需要测试字符串输出以查看它们是否为正数。将括号添加到底片并在正面的末尾添加 ，然后仍然使用text-align：right;如果您使用的字体中所有字符都是打字机的确切宽度，请使用此选项。

或添加此项以获得完美契合。

<span style="visibility: hidden;">)</span>

之后，无论如何这很可能更好。

Answer 2

听起来你想要对齐逗号。

使用html的一个简单解决方案是使用表格，并将最左侧的列与左侧的右侧和最右侧列对齐。折叠表并删除填充以使其不可见。

HTML

<table>
    <tr><td class="left">431</td><td>,</td><td class="right">000</td></tr>
    <tr><td class="left">(26</td><td>,</td><td class="right">000)</td></tr>
    <tr><td class="left">94</td><td>,</td><td class="right">000</td></tr>
    <tr><td class="left">(57</td><td>,</td><td class="right">000)</td></tr>
</table>

CSS

table{border-collapse:collapse;}
td{padding:0;}
.left{text-align:right;}
.right{text-align:left;}

如何正确对齐括号中的数字？

2 个答案: