為什么項目符號未在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有很多問題..問題將被修復..