冲突：留在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

回答

相关问题