博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css 控制文字显示两行,多余用省略号 手机端
阅读量:4606 次
发布时间:2019-06-09

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

p {    width:100px;    position:relative; line-height:20px; /*行高为高度的一半,这样就是两行*/ height:40px; overflow:hidden; } p:after { /*使用伪元素*/ content:"..."; position:absolute; bottom:0; right:0; background:#FFF; /*这个背景色要和p的背景色一致,也就是做个假^_^*/ padding-left:6px; /*这里自己调一调*/ }

转载于:https://www.cnblogs.com/woniubushinide/p/8310115.html

你可能感兴趣的文章
查看Sql Server所有表占用的空间大小
查看>>
CSS重置(css reset)【转载】
查看>>
Elasticserach 配置文件详解
查看>>
【案例】大型摩托制造企业如何高效排产?看APS系统如何帮忙
查看>>
NTCIR-13 We Want Web 任务概述
查看>>
模版include的用法
查看>>
LotusScript_导出数据库路径和名称
查看>>
String ,StringBuffer 与S tringBuilder的区别??
查看>>
PgSQL · 追根究底 · WAL日志空间的意外增长
查看>>
struts2笔记之struts:property标签
查看>>
Threejs.教程
查看>>
超闩锁和子闩锁如何工作的
查看>>
ZendStudio快捷键
查看>>
[ovs] ovs开启日志debug
查看>>
Eclipse插件项目中读取文件
查看>>
jquery定义链接跳转的高亮显示
查看>>
CheckListBox怎样得到多选值?
查看>>
2370 小机房的树
查看>>
三道题(关于虚表指针位置/合成64位ID/利用栈实现四则运算)
查看>>
Vijos P1243 生产产品 (单调队列优化DP)
查看>>