众所周知，文章列表的摘要显示要么每篇文章手动摘要，要么设置文章自动截字。大多数人都是在主题设计的时候就有摘要自动截字，而这个功能面对全都是中文的网站没什么毛病，遇到有英文字母的摘要就计算有问题了。虽说必然有函数可以解决这个问题，但是对于强迫症的林三来说，还是需要一个百分百靠谱的方案。
于是，林三想到了 joe 主题的摘要显示方式，让 css 判断超过四行就隐藏，然后第四行尾巴加上三个点。
- .archive-content {
- color: #555;
- display: -webkit-box;
- -webkit-line-clamp: 4;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- word-break: break-word;
- line-height: 24px;
- max-height: 96px;
- opacity: 0.85;
- font-size: 1.5rem;}
这个设计是基于原来摘要的加强，所以原来的摘要文字必须大于4行的内容，不然就没有加强的效果。
果然还是要应了那句话，见多识广，要多接触和应用才能懂得多，有些想法，才能有创造力，获得生产力的说。
- 版权声明：本站原创文章，于2025年8月14日，由 muren 发表，。
- 转载请注明：手动 begin-asan 优化文章列表的摘要显示 _ linsan studio
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-
