请知悉：本文最近一次更新为 8年 前，文中内容可能已经过时。
只允许一行显示，要根据宽度显示完整或者省略的状态，示例如下：
<style>
.test{width:100%;}
.test li a {
color: #666666;
display: block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div class="test">
<ul>
<li><a href="#" title="一二三四五六七八九十十一十二十三十四十五"><nobr>一二三四五六七八九十十一十二十三十四十五</nobr></a><span>2015-12-25</span></li>
</ul>
</div>
<script>
function changewid(){$('.test ul li a').css("width",$('.test ul li').width()-$('.test ul span').width()+"px");}
changewid();
$(window).resize(changewid);
</script>
看不懂就算鸟，这篇博客只是我整理代码方便日后检索用的~
如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。