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

zysoft17 2008-02-28 11:59:41
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代码应该怎么改呢? 谢谢了!
...全文
954 点赞 收藏 18
写回复
18 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
limengda 2012-06-18
感谢高手无私奉献~!~
回复
ffff
回复
飘零雾雨 2008-02-29
检查是否对a{display:block}过
回复
cnchart 2008-02-29
如果是这样,楼主加上a {white-space:nowrap;}看看
回复
zysoft17 2008-02-29
chinmo 说得,感觉有些接近,我现在发现比如我输入:
[<a href="#">链接</a>]

显示的是:
[
链接
]

看来是<a>被强行断行了.不知道为什么?
回复
哎,就知道你外围CSS样式有问题!
回复
zysoft17 2008-02-29
storm0 兄弟就是你了. 结贴,给分.
回复
浴火_凤凰 2008-02-29
我用的是IE6.0+SP2就没有出现上面的情况.
回复
浴火_凤凰 2008-02-29
我用的是IE6.0+SP2就没有出现上面的情况.
回复
hookee 2008-02-28
光是上述代码,在ie7, ff2下测试并未换行,是不是父元素css定义的问题?
回复
kbryant 2008-02-28
进来学习了
回复
cnchart 2008-02-28
楼主拿这段去测测
<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>
回复
肯定不是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下都没有你说的情况

我想你肯定是外围的样式限制了
回复
zysoft17 2008-02-28
不知道为什么 li{clear:both;width:200px;float:left;}  这样也没用.

难道是IE6的问题么?

现在的问题是从</a>后开始换行了.
回复
javacb 2008-02-28
li{clear:both;width:200px;float:left;}
回复
myvicy 2008-02-28
给li定义宽度.CSS代码:
ul{list-style: none;}
li{clear: both;width:200px; float: left;}
回复
zysoft17 2008-02-28
还不是正解.
回复
这个应该是与<div>设置的样式有关系了,比如你定义了宽度不够放这些字,又设置了自动换行
就会这样
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-02-28 11:59
社区公告
暂无公告