证明价格正确答案

【问题标题】：justify prices to right证明价格正确
【发布时间】：2011-02-22 15:05:52
【问题描述】：

我有一些价格，例如 160.00 英镑、14.00 英镑、7.00 英镑、35.00 英镑......我想证明所有价格都在右边。这怎么可能？

【问题讨论】：

你的意思是格式化它们以使它们左对齐？这是一个 CSS 问题，只需将它们封装在或
中，然后为其赋予属性“text-align: right”。

标签： css

【解决方案1】：

您需要提供更多关于您要查找的内容、一些示例等的信息。我假设您的意思是您想要将各个部分向右对齐，类似于 Excel 中的数字方式等.

<table class="example">
    <tr>
        <th>Price 1</th>
        <td>£14.30</td>
    </tr>
    <tr>
        <th>Price 2</th>
        <td>£10.50</td>
    </tr>
</table>

在你的样式表中：

.example td {
   text-align: right;
}

如果这是您所追求的，那么这并不是一个 PHP 问题...

【讨论】：

【解决方案2】：

这个问题以前被标记为 PHP，所以如果提问者仍然对 PHP 选项感兴趣，那就在这里。

您可以使用<pre> 标记和printf() 的组合来执行此操作。但是 css 可能是更好的选择。

<pre>
<?php foreach(array(1.5,10.5,132.25) as $price):?>
<?php printf("$%7.2f\n", $price);?>
<?php endforeach?>
</pre>

生产：

$   1.50
$  10.50
$ 132.25

【讨论】：

【解决方案3】：

你想要这样的东西吗？

Ravioli                       $10
Spaghetti                     $9.99

如果这是你想要的，你可以用这个 css 来做：

.number {
    float: right;
}

还有这个html：

Ravioli <span class="number">$10</span>
<br>
Spaghetti <span class="number">$9.99</span>

【讨论】：

【解决方案4】：

对齐小数点。一个简单的 CSS 修复（虽然效率不高）

ul { text-align:right; width:80px; }
li { list-style:none; }
i { float:left; }

<ul>
    <li><i>&pound;</i> 160.00</li>
    <li><i>&pound;</i> 14.00</li>
    <li><i>&pound;</i> 7.00</li>
    <li><i>&pound;</i> 35.00</li>
</ul>

渲染：磅向左，数量向右；但是，每磅/美元金额后需要保留 2 个小数位。

【讨论】：

上一个 SO 帖子：stackoverflow.com/questions/1363239/…（使用 <col>,tables JavaScript）