css超过部分省略号

#css超过部分省略号| 来源: 网络整理| 查看: 265

文章目录单行超出显示省略号多行超出显示省略号

单行超出显示省略号

直接看代码：

desktop demo .app { width: 400px; height: 28px; line-height: 28px; margin: 50px 0 0 50px; border: 1px solid red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 你问我为何时常沉默，有的人无话可说，有的话无人可说.你问我为何时常沉默，有的人无话可说，有的话无人可说.

效果图：

关键点：

white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 多行超出显示省略号

直接看代码：

desktop demo .content { display: -webkit-box; width: 400px; line-height: 1.5; margin: 50px 0 0 50px; border: 1px solid red; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 你问我为何时常沉默，有的人无话可说，有的话无人可说.你问我为何时常沉默，有的人无话可说，有的话无人可说.

效果图：

关键点：

display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;

---------------------------(正文完)------------------------------------一个前端的学习交流群，想进来面基的，可以点击这个logo，或者手动search群号：685486827

写在最后：约定优于配置-------软件开发的简约原则. -------------------------------- (完)--------------------------------------

我的：个人网站： https://neveryu.github.io/neveryu/Github： https://github.com/Neveryu新浪微博： https://weibo.com/Neveryu

更多学习资源请关注我的新浪微博…

【本文地址】

css超过部分省略号

css超过部分省略号

今日新闻

推荐新闻