li和a标签换行问题, 解决立即给分.

[zysoft17]

CSS代码:
ul{list-style: none;}
li{clear: both; float: left;}

HTML代码:
<ul>
<li><a href="#">链接1</a>(时间1)</li>
<li><a href="#">链接2</a>(时间2)</li>
<li><a href="#">链接3</a>(时间3)</li>
</ul>


为什么在网页输出的都是这样的:
链接1
(时间1)
链接2
(时间2)
链接3
(时间3)

我想要下面这样:
链接1 (时间1)
链接2 (时间2)
链接3 (时间3)

CSS应该怎么写呢? 或者是html代码应该怎么改呢? 谢谢了!

[一把编程的菜刀]

这个应该是与<div>设置的样式有关系了，比如你定义了宽度不够放这些字，又设置了自动换行
就会这样

[zysoft17]

还不是正解．

[myvicy]

给li定义宽度.CSS代码:
ul{list-style: none;}
li{clear: both;width:200px; float: left;}

[javacb]

li{clear:both;width:200px;float:left;}

[zysoft17]

不知道为什么　li{clear:both;width:200px;float:left;} 　这样也没用．

难道是ＩＥ６的问题么？

现在的问题是从</a>后开始换行了．

[一把编程的菜刀]

肯定不是IE的问题，是CSS样式的问题！

<style>
ul{list-style: none;}
li{clear: both; float: left;}
</style>
<div>
<ul>
<li> <a href="#"> 链接1 </a> (时间1) </li>
<li> <a href="#"> 链接2 </a> (时间2) </li>
<li> <a href="#"> 链接3 </a> (时间3) </li>
</ul> </div>

我直接放在IE里测试，没问题

我的是IE6和FF下都没有你说的情况

我想你肯定是外围的样式限制了

[cnchart]

楼主拿这段去测测

<style type="text/css"> 
#div1 ul{list-style: none;}   
#div1 li{width:80px;height:22px;}   
#div1 li b{float:right;	font-weight: normal; width:30px;}
#div1 li a{float:left;width:50px;}
#div1 li a:hover{float:left;width:50px;background-color: #CCCCCC;border: 1px solid #666666;}
</style> 
<div id="div1">   
<ul>   
        <li> <a href="#">   链接1   </a>   <b>(时间1)</b>   </li>   
        <li> <a href="#">   链接2   </a>  <b> (时间2)</b>   </li>   
        <li><a href="#">   链接3   </a>   <b>(时间3)</b>   </li>   
</ul>   </div>

[kbryant]

进来学习了

[hookee]

光是上述代码，在ie7, ff2下测试并未换行，是不是父元素css定义的问题？

[浴火_凤凰]

我用的是IE6.0+SP2就没有出现上面的情况.

[浴火_凤凰]

我用的是IE6.0+SP2就没有出现上面的情况.

[zysoft17]

storm0 兄弟就是你了. 结贴,给分.

[一把编程的菜刀]

哎，就知道你外围CSS样式有问题！

[zysoft17]

chinmo 说得，感觉有些接近，我现在发现比如我输入：
[<a href="#">链接</a>]

显示的是：
[
链接
]

看来是<a>被强行断行了．不知道为什么？

[cnchart]

如果是这样，楼主加上a {white-space:nowrap;}看看

[飘零雾雨]

检查是否对a{display:block}过

[一把编程的菜刀]

ffff

[limengda]

感谢高手无私奉献~！~