css - 为什么项目符号没有在 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>文本对齐：左；

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 应该这样做）。

我认为您还想向页面添加一个文档类型 - 在您的示例页面上，列表应该居中对齐，但它不适合我（在 IE8 中），因为 IE 处于怪癖模式。

Answer 3

我知道这是旧风格，但这应该可以

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

它可能会工作..即css有很多问题..问题将得到解决..

Answer 4

因为 CSS width 属性。

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

---

编辑

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

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