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>

可以看一下：link text

修改所有要求：

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

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

3.显示子弹

Answer 1

尝试弄乱ul上的margin / padding并给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属性设置为li标记，而不是ul

修改

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

您必须找到另一种方式来设置列表的样式，但如果您坚持使用list-style-position: outside; ，则可以使用javascript在适当的位置设置width属性。

Answer 4

我知道这是旧式的，但这应该有用

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

它可能有用..即css有很多问题..将会修复的问题..

为什么子弹没有在IE6中显示

4 个答案:

修改