在表格中对齐货币值

时间:2014-06-15 19:52:10

标签: html css

我有货币值,例如:

4.50€, 25.30€, 446,60€

我将td text-align属性设置为right

  4.50€
 25.30€
446.60€

现在唯一的问题是我的所有内容现在都从td的右侧开始。

我想要实现的是正确的文字格式从左侧开始

类似的东西:

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

1 个答案:

答案 0 :(得分:0)

如果您的内容是静态的,那么您可以尝试以下方法: -

 <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>

但我知道,如果内容是动态的,它将无法完全解决问题。