Question

如何在html编号列表中对齐双位数？我有一个列出14项的有序列表。在除了ie7之外的所有浏览器中它都正常工作。但在IE7中似乎是在有序列表中的两位数后删除空格。

<ol>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
 .....

</ol/>

IE7中的输出类似于

1。 AAA
2. BBB
3. CCC
....
10.kkk
11.lll

我不知道为什么从10点开始删除点（。）之后的空格任何人请建议我一个解决方案

Answer 1

在css中，您可以尝试一些

的内容

ol{
  left-padding: 2em;
}
ol li{
  left-padding:0.5em;
}

它可以让您保持li的数量和内容之间的间距一致。我没有看到有人改变IE7中<ol>中数字的对齐方式。

或者，如果这不是一个很大的痛苦，你可以手动添加数字，如

<ul>
  <li><em>1.</em>Apple</li>
  <li><em>2.</em>Banana</li>
  ...
  <li><em>14.</em>Orange</li>
</ul>

并使用css：

li{
  list-style-type: none;
  clear: left;
}
li em{
  float: left;
  width: 2em;
  margin-right:0.5em;
  text-align: right;
}

有了这个，你就可以得到你想要的效果。