为什么项目符号未在IE6中显示

Question

它在Firefox中显示，但在IE中没有显示（实际上我的是IE6）

<style type="text/css">
 li { list-style-type:disc; }
</style>

<div style="margin: 2px auto 15px; padding: 5px 0px; width: 480px; text-align: center;">
<ul style="margin: 0; padding: 0; text-align: left; list-style-position: outside; overflow: visible;">
 <li ><em>test.</em> 111</li>
 <li><em>test.</em> 2</li>
</ul>
</div>

可以在这里看看： 链接文本

编辑所有要求：

1.保持父div的宽度固定。

2.必须使<ul> text-align：left;

3.显示子弹

Answer 1

尝试弄乱ul上的边距/填充并为lis分配布局吗？

ul { margin:0 0 0 10px; padding:0 0 0 10px; }
ul li { zoom:1; }

我忘记了哪个IE在乎，但它需要足够的空间来显示它们。

Answer 2

列表的左边缘始终在文本上，而不是项目符号点。 换句话说，项目符号点不在列表的边界框之内，这使它们由于某种原因在IE中消失了。

在列表中添加一些left-padding （至少20px应该可以）。

我认为您还想在页面上添加doctype-在示例页面上，列表应集中对齐，但这不适合我（在IE8中），因为IE处于怪癖模式。

Answer 3

由于CSS width属性。

我建议您将width属性设置为li标签而不是ul

---

编辑

list-style-position: outside; 可以在Firefox上发生同样的问题

您将不得不寻找另一种样式化列表的方式， 但是如果您坚持使用list-style-position: outside; 您可以使用javascript在适当的位置设置width属性。

Answer 4

我知道它很旧，但是应该可以

<li type="disc">... </li>

它可能会工作..即css有很多问题..问题将被修复..