在 HTML 中对齐小数点

2023-11-25

我有一个表格,其中一列包含十进制数字。我希望以类似于文字处理程序的“小数制表符”功能的方式对齐它们,以便所有点都位于垂直线上。

我目前有两种可能的解决方案,但我希望有更好的解决方案......

解决方案 1:拆分 HTML 中的数字,例如

<td><div>1234</div><div class='dp'>.5</div></td>

with

.dp { width: 3em; }

(是的,这个解决方案并不能按原样工作。但是,这个概念是有效的。)

解决方案 2:我发现提到

<col align="char" char=".">

根据参考页面,这是 HTML4 的一部分,但它在 FF3.5、Safari 4 或 IE7 中不起作用,这些是我必须使用的浏览器。它还存在一个问题,即您无法将数字格式提取到 CSS(不过,由于它影响整个列,我认为这并不太令人惊讶)。

因此,有人有更好的主意吗?


另一种格式化数字的方法如下:35<span style="visibility: hidden">.000</span>。也就是说,用完整的小数扩展写出来,但用隐形墨水写出尾随的小数。这样你就不必担心小数点的宽度。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 HTML 中对齐小数点 的相关文章