//单行
.single {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
//多行
.more {
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
work-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; //指定行数
}
单行标题溢出省略,多行详情介绍溢出省略
原创
©著作权归作者所有:来自51CTO博客作者冷月凤清7的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【Web前端】CSS溢出
在网页设计中,“溢出”是一个常见且重要的概念。它涉及到如何处理那些超出预定范围的内容,以确保网页的布局和视觉效果达到预期。
html css web 前端 css3 -
文字溢出省略和用户体验优化
这是我又一次探究文字溢出相关问题,也是我在用户体验道路上踏出的又一小步。之前提
css html flex 用户体验 ellipsis -
小技巧!CSS 整块文本溢出省略特性探究
今天的文章很有意思~
css ios safari -
三探【文字溢出省略】:纯css实现“任意行数”截断处理
笔者之前有过对此功能的两次探
css shape-outside 溢出省略 html