衝突：留在IE7

這個問題出現在Internet Explorer中，我一直沒能解決它：衝突：留在IE7

#test ul li { 
list-style-type: disc; 
float: left; 
margin-left: 10px; 
font-size: 16px; 
}

上面的代碼在Firefox和Chrome工作正常，但在IE7它不顯示子彈。

我試過去激活屬性float: left和項目符號顯示，但列表是垂直的。我的列表必須與子彈水平對齊。

我試圖增加以下屬性：

list-style-position: inside外並沒有什麼。使用display: inline使子彈消失。

#test ul { 
list-style-type: disc 
}

並沒有什麼

我試圖改變與不同價值觀的保證金，將填充添加有不同的價值觀，並沒有什麼。

來源

2012-08-15 cabita

這似乎是另一個問題，我剛剛添加了一個答案的副本：http://stackoverflow.com/questions/3622757/how-can-i-have-floated-list-items-display-their-bullet -in-ie7/18337398＃18337398 – lindes 2013-08-20 14:26:48

你可以使li小號在線和ul到none，然後模仿使用:before僞元素的子彈list-style：

ul { 
list-style: none; 
margin: 0; 
} 
li { 
display: inline; 
} 
li::before { 
content: "o "; 
}

當然，而不是「O」，你可以使用一個統一代表子彈的字符。

來源

2012-08-15 17:26:16

我測試了代碼，我看不到子彈「0」，任何子彈。感謝您的回答和您的幫助。 – cabita 2012-08-15 17:35:31

我在這裏試過我的代碼：http://result.dabblet.com/gist/3361854/9f1c58d7b3005dcc799658093e900c9db40cc6e0一切都按預期對我工作。你使用什麼瀏覽器？ – 2012-08-15 17:38:05

嗨馬提亞斯。謝謝。我已經測試過這個URL，並且在IE7中看起來如此：http://screencast.com/t/s5WoDkGMPJV。再次感謝 – cabita 2012-08-15 17:43:07

用圖像創建子彈並將其設置爲背景。

來源

2012-08-15 17:35:33

嘗試：

ul{ 
    list-style:disc outside none; 
    padding:0px; 
    padding-left:12px; 
    margin-left:8px; 
    }

Demo

來源

2012-08-15 17:38:08 ygssoni

我在IE7中測試了這個代碼，我看不到子彈 – cabita 2012-08-15 17:47:05

但是我的電腦上安裝了IE7，我已經測試了它。再加上IETester的雙重檢查。我認爲你在使用特殊字符時遇到了一些問題。 – ygssoni 2012-08-15 17:53:38

我不相信與字體有關的問題，因爲如果我刪除選項float：left，則會顯示項目符號。如果我啓用浮動：左邊的子彈不顯示，我需要選項浮動：左，因爲，列表保持水平。感謝您的回答。 – cabita 2012-08-15 17:56:50

可能有點晚了，但裏面包括與顯示器的跨度標籤：列表項似乎當margin和padding調整未能解決問題..請參閱https://stackoverflow.com/a/18337398/1776573。它爲我工作時，邊距和填充調整力求解決問題..

來源

2013-09-05 05:03:26 user1776573

衝突：留在IE7

回答

相關問題