如何格式化列中的数字，使其在小数点（HTML）上对齐

我有一列数字如下：

   45.56
   132.43
   5
   3.4

我需要它看起来像这样：

    45.56
   132.43
     5
     3.4

---

如何在HTML/CSS中实现这一点？甚至有可能吗？

我能想到的唯一方法（有点欺骗）是接近于他评论中提到的@Mr Lister的方法，但没有实际的表格（例如，使用css属性设置表格显示）。不管怎样，您需要在服务器端（或使用JS）相应地修改/创建标记，当然，在使用任何一种方法进行操作时，您都会产生语义/可访问性问题，因为数字被分割成若干部分，因此，我建议@Tim Lewis方法使用

左/右键填充数字，因为它会保留完整的数字…但为此，您需要某种脚本语言客户端或服务器端

.wrapper{
显示：表格；
字体系列：无衬线；
/*字体系列：monospace；/*推荐*/
文本对齐：右对齐；
}
.包装跨度{
显示：表格行；
}
[之前的数据]：之前{
内容：attr（以前的数据）；
显示：表格单元格；
}
[数据后]：数据后{
内容：attr（后面的数据）；
显示：表格单元格；
文本对齐：左对齐；
}

直接使用HTML/CSS？我对此表示怀疑。您可能需要JS或某种预处理器（例如PHP）根据最长值在左/右上应用一些

填充。或者，将每个数字分成三部分，并使用一个有三列的CSS表。是的，我只希望使用不带JS的直接CSS/html。@MrLister，请您详细说明一下。我使用的是Exo字体，我认为它不是单空格。@user3151858将示例更改为使用无衬线字体，到目前为止没有明显区别，但根据您的字体，如果不是单空格，单个字符可能具有不同的宽度，这可能会导致不对齐，但我想，对于更常见的，你可能会很幸运=）！这是一个比我想象的更聪明的方法@李斯特先生，谢谢=），是受你启发的，所以谢谢你！