请知悉:本文最近一次更新为 6年 前,文中内容可能已经过时。

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

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

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


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《CSS 中文 省略 示例》相关的博文:


留言

Admin Avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌