页面加载中,请稍候 。。。
 

Css3 实现单/多行内容超出范围显示省略号

2020-03-21 20:02:16 Css3 Css3 & Html5 549

以前,网站布局只能实现单行文本显示省略号,Css3 和 Html5 出现之后,增加了很多新的特性,多行文本显示省略号也就变得相当容易。

单行文本显示省略号:

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本显示省略号:

height: 48px; // 高度
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; // 行数
-webkit-box-orient: vertical;
暂无相关数据!
公告
u4fa0 & u8273
本博客诞生于 2020 年 3 月 5 日,是一个以编程开发为主的技术型博客,希望我的博文能够帮助到你。
定制开发流程
业务咨询|提交需求|开始实施|确认|售后服务
联系我们