下图说明了我想要实现的目标:
UPD。如您所见,我需要将最长的数字置于其单元格的中心,并将所有其他数字与最长的数字的右边框右对齐。
UPD 2。这些数字是动态的(最初未知)。
似乎没有任何直接的 CSS 方法。但您可以考虑@CMKanode 在评论中建议的方法。您需要预处理列中的数字并计算其中最大的数字(这需要区域设置敏感的解析,因为您使用的是千位分隔符),然后使用 U 将数字向左填充到相同数量的字符+2007 数字空间作为与数字具有相同宽度的空间。当然,该列将被声明为居中。
因此,在示例中,“5”将被填充为        5
(假设您使用普通空格作为千位分隔符;U+2009 THIN SPACE 可能更好,但它有字体问题。
该方法意味着您需要使用数字具有相同宽度的字体(计算机中的大多数字体都是如此)并且包含 U+2007。
例如,如果千位分隔符是逗号或句点,则需要使用 U+2008 PUNCTUATION SPACE 代替。
最后,我认为这会过于复杂。最好使列右对齐,但具有合适的左右填充,根据列标题的宽度和数字的预期宽度选择作为一个好的猜测。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)