|
蓝森林 http://www.lslnet.com 2006年8月25日 8:28
 IE里，LI浮动时的问题！
IE里，当LI浮动的时候，list-style-type就不起作用了。怎么解决啊？
[html]
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.mydiv ul{list-style-type:disc;}
.mydiv li{display:inline;width:200px;list-style-type:disc}
</style>
</head>
<body>
<div class="mydiv">
<ul>
<li>11111111111111</li>
<li>22222222222222</li>
<li>3333333333333333</li>
<li>44444444444</li>
<li>55555555555555</li>
<li>6666666666</li>
</ul>
</div>
</body>
</html>
[/html] |
不是"当LI浮动的时候，list-style-type就不起作用了",而是由于你对li使用了display:inline;
这就去除了li的默认的display:block属性,就不显示list-style-type了. |
嘿嘿，写错了。是浮动的时候，IE里不显示列表图标，FF就显示。可以解决吗？
[html]
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.mydiv ul{list-style-type:disc;}
.mydiv li{float:left;width:200px;list-style-type:disc}
</style>
</head>
<body>
<div class="mydiv">
<ul>
<li>11111111111111</li>
<li>22222222222222</li>
<li>3333333333333333</li>
<li>44444444444</li>
<li>55555555555555</li>
<li>6666666666</li>
</ul>
</div>
</body>
</html>
[/html] |
|
