Question

求救啊！HTML中的 a 标签加上 溢出隐藏 怎么会换行啊？求大神赐教

要做成这种样式，前面一句话 ，后面是日期

然后我的代码是
HTML是：
<div id="lis">
<ul>
<li><a href="#" >
李涛ps视频介绍高ps视 频介涛ps视频介绍高ps视 频介涛ps视频介绍高ps 视 频介涛ps视频介绍高ps视 频介
</a><span id="time_1">7-15</span></li>
<li><a href="#" >李涛ps视频介绍高手之路更新中</a><span >7-15</span></li>

</ul>
</div>
css是：
#lis li {width:330px; height:30px; line-height:30px; }

#lis li a { color:#000; font-size:14px; text-decoration:none; width:200px; height:30px; overflow:hidden;}

#lis span { color:#000; font-size:14px; float:right; }
可是当我的a里面的字数多了的话，
li会换行直接到下一行 span
如图：





Answer 1

你给a标签再加个左浮动和
white-space:nowrap;
text-overflow:ellipsis;
如果能行记得采纳

追问

这是什么意思啊？
为什么要加上这个才可以啊？
这玩意我一直在自学，
求大神指导！！！！

追答

white-space:nowrap;是强制不换行 text-overflow:ellipsis; 溢出文本显示省略号
还有a是行内元素你直接给它宽度在大多浏览器里是不行的 你要给它float或display:inline-block或display:block ...让它有了块级元素的属性才能使width生效height也一样

记得采纳

Answer 2

给a的css加上display：block就可以了，试试吧

Answer 3

把overflow:hidden属性加到li标签上。

Answer 4

a标签换成span

追问

已经有个span了好不好！！！！