博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS笔记-文本缩略显示
阅读量:5217 次
发布时间:2019-06-14

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

  • 单行文本缩略显示:

p{
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  • 多行文本缩略显示:

//仅限webkit使用p{
display:-webkit-box; -webkit-box-orient:verticle; -webkit-line-clamp:3; overflow:hidden;}
p{
position:relative; overflow:hidden; line-height:20px; max-height:40px; }p::after{
content:'...'; position:absolute; right:0px; bottom:0px; }

 

转载于:https://www.cnblogs.com/threeron/p/7283523.html

你可能感兴趣的文章
我的第十四篇博客---python进程
查看>>
Xcode ipa打包时无法生成IOS APP ARCHIVE 而生成 Generic Xcode Archive
查看>>
JavaScript中的Map
查看>>
cat 生成文件 运行脚本
查看>>
didReceiveMemoryWarning-内存警告处理方法-iOS
查看>>
设计模式(一)
查看>>
神奇的口袋(dp)
查看>>
怎样使U盘可以COPY超过4G的文件
查看>>
重构第一天:封装集合
查看>>
Gitlab 维护措施
查看>>
Linux下介绍一款不错的HTML编辑器
查看>>
尚学堂--Java异常
查看>>
Django Rest Framework --序列化、请求数据校验
查看>>
Spring的常用工具类
查看>>
本地-云端的文件传输
查看>>
在Gridview编辑时添加DropDownList控件并设置默认值
查看>>
hdu 1596 find the safest road
查看>>
codeforces 598D Igor In the Museum
查看>>
核心②undefined 和 null
查看>>
Android--UI之ProgressBar
查看>>