首页 新闻 会员 周边 捐助

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
libaoheng | 小虾三级 |园豆：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>
libaoheng | 园豆：1433 (小虾三级) | 2013-08-08 12:18
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。