需要右对齐ol列表中的十进制数答案

【问题标题】：Need to right align decimal number in ol list需要右对齐ol列表中的十进制数
【发布时间】：2012-05-04 14:21:19
【问题描述】：

我有一个标准的ol 列表：

1. One
2. Two
10. Ten

有没有办法让十进制数右对齐，使其看起来像这样：

 1. One
 2. Two
10. Ten

编辑：截图。顶部是 Typekt (Proxima Nova) 字体粗细正常。底部是无衬线字体。

唯一相关的样式是：ol { list-style-position: inside; }

【问题讨论】：

标签： html css

【解决方案1】：

默认情况下项目编号不是右对齐吗？至少它们在 IE 和 Firefox 中：

<ol>
  <li>One</li>
  <li>Two</li>
  <li value="10">Ten</li>
</ol>

更新： 问题在于 (1) list-style-position 设置为 inside，因此项目编号显示为项目内容的一部分而不是左边距，并且 (2 ) 你使用的是可变宽度数字的字体。

删除list-style-position: inside 将解决问题。你添加它的原因是什么？如果一个脚注太长以至于它换行了，你希望后面的行如何缩进？

【讨论】：

我使用的是 Typekit 的字体。刚把它关掉，他们就排在小数点上。是否有任何内置方法来处理字体差异？
令我惊讶的是，更改字体也会更改对齐方式。也许您可以发布您的 CSS 和屏幕截图？
@MichaelLiu 谢谢，这是让小数点对齐的问题。如果我将它设置为outside，小数点确实排列正确，但由于可变宽度字体，数字看起来很奇怪。我认为这就是为什么它首先设置为inside。看来我只会为脚注使用不同的字体。