博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信公众号无法使用css3的多行省略
阅读量:6123 次
发布时间:2019-06-21

本文共 495 字,大约阅读时间需要 1 分钟。

解决通过伪元素

.text{        width: 100%;        position:relative;        overflow:hidden;        height: 20px        /* overflow : hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-line-clamp: 2;        -webkit-box-orient: vertical; */} .text::after{     content:"...";        font-weight:bold;        position:absolute;        bottom:0;        right:0;        padding:0 5px 0px 5px;        background-color: #fff;}

 

转载于:https://www.cnblogs.com/Alitar/p/10861048.html

你可能感兴趣的文章
Mac巧用AirDrop实现大文件传输
查看>>
腾讯云上Selenium用法示例
查看>>
JAVA:连接池技术说明以及MVC设计模式理解
查看>>
RAC
查看>>
weblogic stuck实验2014-11-14
查看>>
基于Unity3d 引擎的Android游戏优化
查看>>
Java-idea-PMD源文件级别潜在bug查看
查看>>
IStorage
查看>>
倒计时
查看>>
Linux下使用ps命令查看某个进程文件的启动位置
查看>>
ProFTPD配置匿名登录与文件夹訪问权限控制
查看>>
Hibernate——三种状态的理解
查看>>
Maven-7:Maven配置编译的字符集方法
查看>>
写个shell脚本依次运行每个程序半小时
查看>>
纯CSS制作的TAB选项卡
查看>>
链栈的初始化,建立,插入,查找,删除。
查看>>
选择排序
查看>>
Fiddler SessionFlags
查看>>
Linux修改主机名【转】
查看>>
vue11 vue实例方法
查看>>