IE6无序列表上下多余间距bug解决方法

最新推荐文章于 2022-08-25 15:46:36 发布

weixin_30745641

最新推荐文章于 2022-08-25 15:46:36 发布

阅读量114

点赞数

原文链接：http://www.cnblogs.com/my_front_research/articles/1895436.html

版权

2010年07月23日 09:23

<title>无标题文档</title>
<style type="text/css">
* { margin:0; padding:0;}
a { display:block; width:100%; white-space:nowrap;}
li { padding-left:30px; line-height:30px; font-size:12px; background:url(http://bbs.blueidea.com/images/avatars/noavatar.gif) no-repeat 10px 7px;}
</style>
</head>
<body>
<ul>
<li><a href="#nogo">打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
<li><a href="#nogo">打发但是</a></li>
</ul>
</body>

以前的方法是浮动li，并清除浮动，使用了很多次这样的方法，发现问题会很多。最好最简单的方法还是在a中声明宽度为100%，没必要浮动li。

转载于:https://www.cnblogs.com/my_front_research/articles/1895436.html

weixin_30745641

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6无序列表上下多余间距bug解决方法

2010年07月23日 09:23<title>无标题文档</title><style type="text/css">* { margin:0; padding:0;}a { display:block; width:100%; white-space:nowrap;}li { padding-left:30px; line-heigh...
复制链接

扫一扫