對齊貨幣值

我有一個貨幣值，例如：對齊貨幣值

4.50€, 25.30€, 446,60€

我設置tdtext-align屬性right

4.50€ 
25.30€ 
446.60€

唯一的問題是現在，我所有的內容現在從開始td的右側。

我想實現的是右側文本格式從左側開始。

類似的東西：

id  |money  | 
------------------- 
0  | 4.50€ | 
1  | 25.30€ | 
2  |446.60€ |

來源

2014-06-15 Biker John

不重複。這不是真正的對齊，而是關於獲得一些間距。（這個問題提到如何實現所需的對齊。） –

列的寬度是如何設置的？這極大地影響了不同方法的適用性。 –

@ JukkaK.Korpela寬度是固定的。 –

如果你的內容是靜態的，那麼你可以嘗試以下方法： -

<style> 
     td, th{ 
      border: 1px solid #777; 
     } 
     td{ 
      width: 100px; 
     } 
     td div{ 
      width: 42%; 
      text-align: right; 
     } 
    </style> 
</head> 
<body> 
    <table> 
     <tr> 
      <th> 
       SL No. 
      </th> 
      <th> 
       Price 
      </th> 
     </tr> 
     <tr> 
      <td> 
       1 
      </td> 
      <td> 
       <div>4.2</div> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       2 
      </td> 
      <td> 
       <div>4.22</div> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       1 
      </td> 
      <td> 
       <div>4.222</div> 
      </td> 
     </tr> 
    </table> 
</body>

但我知道，如果內容是動態的，它會解決不了問題完全。

來源

2014-06-15 20:07:13 Indra

回答

相關問題