Question

我目前有以下html，它没有在IE7上正确显示有序列表：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>
li {
  min-height: 20px;
}
</style>

<ol id='id-booking-steps'>
  <li>Stackoverflow</li>
  <li>Superuser</li>
  <li>Serverfault</li>
</ol>

输出如下所示：

1. Stackoverflow
1. Superuser
1. Serverfault

如果我移除最小高度，那么一切都很好。假设我无法触摸最小高度，是否有办法使用jQuery正确显示有序列表的数量？

Answer 1

请参阅此http://haslayout.net/css/No-Increase-on--ol--Numbers-Bug。

显然，修复方法是向display : list-item添加li样式。不需要jQuery。

Answer 2

试试这个：

   <ol>
    <li value="30"> makes this list item number 30.
    <li value="40"> makes this list item number 40.
    <li> makes this list item number 41.
    </ol>

你如何从jQuery控制一个html有序列表号？

2 个答案: