ie下面序号只有1解决方案
日期：2014-05-17 浏览次数：20746 次
ie下面序号只有1
<html>
<head>
<meta charset="gb2312" />
<style>
li {
width:100px;
height:20px;
border:1px dashed red;
}
</style>
</head>
<body>
<ol>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ol>
</body>
</html>
求解
------解决方案--------------------
ie下面的bug，去掉width 和 height就可以了，
但是楼主这里定义了border，单纯地去掉width，应该不是你想要的效果
可以用把ol的默认list-style取消，然后手工加，来避免bug。
<html>
<head>
<meta charset="gb2312" />
<style>
ol {
list-style:none;
}
ol li {
width:100px;
height:20px;
border:1px dashed red;
}
</style>
</head>
<body>
<ol>
<li>1. 1</li>
<li>2. 1</li>
<li>3. 1</li>
<li>4. 1</li>
</ol>
</body>
</html>
还可以 参考下
http://bbs.blueidea.com/thread-2853874-1-1.html
<html>
<head>
<meta charset="gb2312" />
<style>
li {
width:100px;
height:20px;
border:1px dashed red;
}
</style>
</head>
<body>
<ol>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ol>
</body>
</html>
求解
------解决方案--------------------
ie下面的bug，去掉width 和 height就可以了，
但是楼主这里定义了border，单纯地去掉width，应该不是你想要的效果
可以用把ol的默认list-style取消，然后手工加，来避免bug。
<html>
<head>
<meta charset="gb2312" />
<style>
ol {
list-style:none;
}
ol li {
width:100px;
height:20px;
border:1px dashed red;
}
</style>
</head>
<body>
<ol>
<li>1. 1</li>
<li>2. 1</li>
<li>3. 1</li>
<li>4. 1</li>
</ol>
</body>
</html>
还可以 参考下
http://bbs.blueidea.com/thread-2853874-1-1.html
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
