微信公众号无法使用css3的多行省略
2024-09-06 14:34:06
解决通过伪元素
.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;
}
最新文章
- tensorflow添加自定义的auc计算operator
- python zip()
- C++引用与指针
- Core Animation一些Demo总结 (动态切换图片、大转盘、图片折叠、进度条等动画效果)
- 【原】web页面登陆验证
- css制作小三角
- THINK PHP U的用法
- mysql简单练习
- 【Asp.net Core】在 Linux 子系统中安装 nginx 并配置反向代理
- Linux ssh登陆慢的两种原因分析
- 用Eclipse中的git提交代码流程
- SpringBoot学习(八)-->;SpringBoot之过滤器、监听器
- jQuery()方法的第二个参数
- Node路由简单的处理
- 基于SpringBoot搭建应用开发框架(一) —— 基础架构
- LOADRUNNER之汉字编码转换及\X00问题
- 看libevent所遇到的英语生词
- NOIP模拟
- navicat 手动设置索引unique,报错duplicate entry ";"; for key ";";
- 【Leetcode】【Medium】Unique Paths II
热门文章
- Axure之添加点击页面
- hdu 1671&;&; poj 3630 (trie 树应用)
- GitHub的注册与使用
- 【JZOJ5071】【GDSOI2017第二轮模拟】奶酪 树形dp
- 数据库---JDBC的解析
- Python学习笔记(三)字符串类型及其操作(2)
- Docker.[3].镜像操作.
- NOIP模拟 7.03
- GBRT(GBDT)(MART)(Tree Net)(Tree link)
- golang之数据结构