有序列表不适用于 IE7 (
    2024-01-11


我试图在 IE7 上创建一个有序列表,但由于某种原因不起作用。 有谁知道为什么会这样?Update

问题是我看不到数字,谢谢。

Thanks.

eg.

<ol>
 <li></li>
 <li><li>
</ol>

Update作为一个例子,我看到这个页面,如果你在 IE7 上查看它,你不会看到数字,但如果你在任何其他(但不是 ie)上查看它,你会看到数字。

http://www.arraystudio.com/as-workshop/make-ol-list-start-from-number- Different-than-1-using-css.html http://www.arraystudio.com/as-workshop/make-ol-list-start-from-number-different-than-1-using-css.html

Thanks


This SSCCE http://sscce.org在 IE6 及更高版本的所有浏览器(IE6/7/8、FF2/3、Safari3、Chrome4、Opera9)中都能正常工作。

<!doctype html>
<html lang="en">
    <head>
        <title>SO question 2401705</title>
    </head>
    <body>
        <ol>
            <li>Item 1
            <li>Item 2
        </ol>
    </body>
</html>

当我尝试更换时它甚至有效</ol>由语法上无效的<ol>。所以,你的问题出在其他地方。您确实需要详细说明“不起作用”更多详情。到底发生了什么?到底发生了什么not?最好编辑您的问题以包含 SSCCE(如上所述)并尝试提出以下问题聪明的方式 http://catb.org/esr/faqs/smart-questions.html.

请注意,与其他人所说的相反,非关闭<li>在普通 HTML 中在语法上是有效的。它在 XHTML 中确实无效,但我认为没有任何理由使用 XHTML,除非您使用基于组件的 MVC 框架或其他一些基于 XML 的工具来生成 HTML 页面。

Update: 因此你看不到数字。显然你已经设置了margin of the ol为零。这样他们就会离开视野。下面的 SSCCE 对此进行了演示。在IE6/7下确实失败了。

<!doctype html>
<html lang="en">
    <head>
        <title>SO question 2401705 - IE6/7 problem</title>
        <style>ol { margin: 0; }</style>
    </head>
    <body>
        <ol>
            <li>Item 1
            <li>Item 2
        </ol>
    </body>
</html>

不要将边距设置为 0。这也可能是由所谓的 CSS 重置表引起的。不要使用它们,只需记住自己指定所有块元素的边距即可。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有序列表不适用于 IE7 (