首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Explorer7中将所有<li>s显示为数字1的有序列表

在Explorer7中将所有<li>s显示为数字1的有序列表
EN

Stack Overflow用户
提问于 2011-03-24 01:51:19
回答 3查看 5.3K关注 0票数 2

我已经注意到IE7中的一个奇怪的问题,我找不到解决方案。我有一个标准的有序列表,格式正确,所有的开始和结束标签都完好无损。

代码语言:javascript
复制
<ol>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
</ol>

除了Explorer 7之外,所有浏览器都可以正常显示该列表,该浏览器按如下方式呈现该列表:

代码语言:javascript
复制
1. Item 1
1. Item 2
1. Item 3
1. Item 4

以前有没有人遇到过这个问题?列表中的Here's a link。谢谢你的建议。

EN

回答 3

Stack Overflow用户

发布于 2012-12-04 02:56:29

我以前也遇到过同样的问题。下面的方法解决了我的问题。

代码语言:javascript
复制
ol li {
  margin-left: 2em;
  display: list-item;
  list-style: inside decimal-leading-zero;
}
票数 5
EN

Stack Overflow用户

发布于 2011-03-24 01:56:43

http://thedesignspace.net/MT2archives/000687.html

当向有序列表中的"LI“标记添加宽度时,就会发生这种情况。Internet Explorer7不会增加数字。

票数 4
EN

Stack Overflow用户

发布于 2011-03-24 01:56:51

我在IE7中尝试了this,它显示了它应该显示的内容。

尝试validate页面以查看代码中其他地方是否有任何错误。

编辑:

我设法在IE7模式下看到了IE9中的问题,并尝试了我发现的样式:

universal.css中的#content LI规则中删除zoom: 1;样式,编号将恢复为正常。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5409476

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档