如何正確對齊圓括號中的數字？

我要對齊的正數，並使用CSS來實現以下括號括起來的負數：如何正確對齊圓括號中的數字？

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

使用text-align:right;在表格單元格返回以下結果相反：

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

但是，這是不完善。

有沒有一個簡單的方法來做到這一點，使括號不影響對齊方式。

我想對齊數字，以便逗號彼此重合。

謝謝！

來源

2013-12-15 erfan

我想通過CSS這是不可能的。 –

這不是一個CSS問題。它需要一種編程語言，如PHP或JavaScript和HTML。請參閱下面的答案。 –

無論您選擇哪種語言，都需要測試您的字符串輸出以查看它們是否爲負值或正值。將括號添加到底片並在您的積極結尾添加 ，然後使用文本對齊：右側;如果您使用的字體是所有字符都像打字機一樣的寬度，請使用此選項。

或者添加此爲完美否則。

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

之後，這很可能是更好的反正。

來源

2013-12-15 04:58:11

謝謝。只是爲了確保：空格字符與普通字體中的括號具有相同的寬度嗎？ – erfan

如果不是，我在編輯我的答案 –

我編輯了我的答案。請看一下。 –

聽起來像你想逗號對齊。

使用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;}

來源

2013-12-15 05:07:26 Andrew

這會調整她的數字，我也喜歡這個。需要很多額外的代碼，但工作:) –

如何正確對齊圓括號中的數字？

回答

相關問題