只允许一行显示,要根据宽度显示完整或者省略的状态,示例如下:

<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>

看不懂就算鸟,这篇博客只是我整理代码方便日后检索用的~

Related Posts: CSS 中文 省略 示例 :