Question

在我的网站上，我有一个带小数的ol（list-style-type:decimal）。在Internet Explorer中，当列表超过9时，分贝再次从0开始。

这是它应该如何显示，以及它在Firefox中的显示方式： OL in Firefox http://img62.imageshack.us/img62/3334/93644891.jpg
这就是Internet Explorer 7和6显示它的方式（IE8尚未测试）：
OL in Internet Explorer http://img194.imageshack.us/img194/2785/61830845.jpg
所以列表再次从零开始。

列表的CSS：

ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
ol li {
    list-style-position:outside;
    list-style-type:decimal;
    margin:5px 0 5px 23px;
}

编辑：我的css重置文件添加了这个（这来自firebug）：

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;
}

谁知道如何解决这个问题？

Answer 1

这些数字被保证金切断了。增加它，你会看到十位数。

ol li {
    margin-left: 2.5em;
}

或者您可以将其修改为

padding-left：30px

Answer 2

这是因为你的css重置文件中有margin:0;。

Answer 3

具有此问题的未来用户的具体答案：左边距必须至少 30px 才能在IE中显示两位数。

Internet Explorer OL问题，小数点数超过9

3 个答案: