我试图在 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(使用前将#替换为@)