UC知道ie不显示css设置的列表项，如何解决？
来源：百度知道 编辑：UC知道 时间：2024/05/21 23:04:16
<style type="text/css">
<!--
#QQ {
background-color: #CCCCCC;
width: 1000px;
height: 40px;
}
#QQ ul {
margin: 0px;
width: 300px;
background-color: #009999;
height: 40px;
padding-left: 15px;
}
#QQ ul li {
float: left;
list-style-type: square;
width: 120px;
height: 40px;
background-color: #DEEFF1;
padding-left: 10px;
line-height: 40px;
}
-->
</style>
</head>
<body>
<div id="QQ">
<ul>
<li>1111111</li>
<li>2222222</li>
</ul>
</div>
JooXp ：你说的方法不起效果啊。
我发现只要让li左浮动，横向排列，ie就自动不显示列表项。如果是竖向排列就没有这个问题。
<!--
#QQ {
background-color: #CCCCCC;
width: 1000px;
height: 40px;
}
#QQ ul {
margin: 0px;
width: 300px;
background-color: #009999;
height: 40px;
padding-left: 15px;
}
#QQ ul li {
float: left;
list-style-type: square;
width: 120px;
height: 40px;
background-color: #DEEFF1;
padding-left: 10px;
line-height: 40px;
}
-->
</style>
</head>
<body>
<div id="QQ">
<ul>
<li>1111111</li>
<li>2222222</li>
</ul>
</div>
JooXp ：你说的方法不起效果啊。
我发现只要让li左浮动，横向排列，ie就自动不显示列表项。如果是竖向排列就没有这个问题。
<ul type="disc" style="background-color:#CCCCCC;List-style-position:inside;">
主要为ul添加CSS，里面有个list-style-position，设它为inside就可以了。
在css里写上ul {list-style-position:inside;}
默认的，符号是居外的。所以，如果左边距小的话，会看不到。
给li加上一个{dispaly:block;}