Javascript 将HTML中的项目左对齐

我有一个关于在HTML和CSS中对齐项目的问题。我有一个价格，这些价格必须左对齐，但正如您所看到的，这些项目是左对齐的，但4必须是80中的0。这些是价格，我认为这不是很好

我忘了提到的一点是，这些价格不是手动添加的价格。这些都是通过API生成的。在你给我的解中，你可以把数字和小数分开。在这种情况下，它是一个数字。也许有一种方法可以拆分数字，并用这种方法解决，但我希望有更好的解决方案。我还可以让你更好地看到这张桌子。唯一必须更好地对齐的是右表行，而不是左表行。正如你在图片中看到的

编辑： 代码：这是HTML代码，我也在使用AngularJS

 <td md-cell class="tableWidthSell tableBorderLeft tableInnerCell">
                    <table md-table class="innerTable">
                        <tbody>
                            <tr md-row class="datatableRow" ng-repeat="order in term.timeblocks.INTRADAY.SELL | orderBy: 'price': true">
                                <td flex="100" class="tablePaddingLeft clickable" ng-click="openOrder($event, order)" ng-class="{tableMyOrder: order.mine}">{{order.price|number:2}}</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <!--Price data | Sell -->
                <td md-cell class="tableWidthSell tableInnerCell">
                    <table md-table class="innerTable">
                        <tbody>
                            <tr md-row class="datatableRow" ng-repeat="order in term.timeblocks.INTRADAY.SELL | orderBy : 'price' : true ">
                                <td flex="100" class="tablePaddingLeft clickable" ng-click="openOrder($event, order)" ng-class="{tableMyOrder: order.mine}">&nbsp;{{order.quantity|number:1}}</td>
                            </tr>
                        </tbody>
                    </table>
                </td>

{{订单.价格|编号：2}}
{{订单数量|编号：1}}

我希望还有人能帮助我

---

也进行了类似的讨论

一个解决办法是

只需将所有数字设置为预定义的十进制精度。假设您想要2位数的精度，那么您将格式化所有数字，使其在小数点后有两位数

因此，对于像

3218.66这样的数字，它将像这样显示。对于像
350
这样的数字，它将显示为
350.00

所以现在你需要做的就是确定精度，然后右对齐它们

正如您所说，稍后在这行中，您可以使用容器
或
与类对齐，然后向右对齐

如果您使用的是角度材质，您可以

layout="row" layout-align="start"

看起来您可能是，但是如果没有更多的代码，就很难知道
请放入您的代码。请显示您的代码使用Material@BenTaliadoros是的，我使用的是角材料。下面的答案有帮助吗？它们是您添加到元素中的属性不幸的是，它没有帮助。你需要更多的代码来解决这个问题吗？请让我知道。