两句 CSS 完美截断侧栏最新评论列表

常见的侧栏最新评论列表一般有两种格式：路人甲 发表于 某某文章，或者 路人乙：引言…… 它们都有个问题，就是换行很难控制，长短不一，有时候内容还会把页面撑破。老肥研究了很久 CSS 手册，找到了一个符合标准的办法，像现在我的侧栏 widget 一样，强制只显示一行，多出来的一刀切断，是不是有点像 Gmail 里面的预览文字？方法很简单，比如我的侧栏 widget 是 <；div class="；widget"；>；, 要对它下面的 <；li>； 进行截断，那么用下面的 CSS 来强制不换行，溢出部分隐藏：