首页新闻找找看学习计划

IE6中li元素间自动补出一行空白

0
悬赏园豆:10 [已解决问题] 解决于 2013-08-21 21:01

代码:

<ul>
<li>行一</li>
<li>行二</li>
</ul>

Firefox下(中间无空白行):

行一

行二

IE6,7下(中间会产生空白行):

行一

 

行二

Williame的主页 Williame | 初学一级 | 园豆:32
提问于:2013-08-07 16:53
< >
分享
最佳答案
0

 直接这么写,没有指定相关css样式,ie67下不会有空行的~ 把相关css样式贴一下看看

收获园豆:10
李宝亨 | 小虾三级 |园豆:1433 | 2013-08-07 17:01
<ul>
    <%--line 1--%>
    <li>
        <ul>
            <li style="float:left;width:60px;">用户昵称:</li>
            <li style="float:left;width:120px;"><a href="#"><%#Eval("Name") %></a></li>
            <li style="clear:both;"></li>
        </ul> 
    </li>
    <%--line 2--%>
    <li>
        <ul>
            <li style="float:left;width:60px;">个性签名:</li>
            <li style="float:left;width:120px;"><a href="#"><%#Eval("Signature")%></a></li>
            <li style="clear:both;"></li>
        </ul>
    </li>
</ul>  
Williame | 园豆:32 (初学一级) | 2013-08-07 17:08

@李宝亨:

这样子每一行内在第二列清除浮动会换到下一行的:

个性签名:

“Signature”

而原先的效果应该是:

个性签名:“Signature”

Williame | 园豆:32 (初学一级) | 2013-08-08 09:54

@Williame: ==

 ul, li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        li {            
            *height: 16px;
            _height: 16px;
        }

html

<ul>
        <li>
            <ul>
                <li style="float: left; width: 80px;">用户昵称:</li>
                <li style="float: left; width: 120px;"><a href="#">baronlee</a></li>
            </ul>
        </li>
        <li style="clear: both;">
            <ul>
                <li style="float: left; width: 80px;">个性签名:</li>
                <li style="float: left; width: 120px;">libaoheng</li>
            </ul>
        </li>
    </ul>
李宝亨 | 园豆:1433 (小虾三级) | 2013-08-08 12:18
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册