博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css实现文本超出两行隐藏
阅读量:5992 次
发布时间:2019-06-20

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

当文字显示超出两行时,多余部分文字隐藏,用到的css属性如下代码

display: -webkit-box;    text-overflow: ellipsis;    overflow: hidden;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;//当属性值为3,表示超出3行隐藏

demo

.xsConInfo{			float: left;			width: 100%;			line-height: 25px!important;			display: -webkit-box;			text-overflow: ellipsis;			overflow: hidden;			-webkit-box-orient:vertical;			-webkit-line-clamp:2;}

 效果如下::

 

 

转载于:https://www.cnblogs.com/lvxisha/p/10773348.html

你可能感兴趣的文章
《Docker生产环境实践指南》——2.5 部署
查看>>
经历:我被网络公司坑了之后用上了阿里云
查看>>
盘点:阿里巴巴的安全能力究竟是什么水平?
查看>>
《C语言及程序设计》实践参考——学生成绩统计
查看>>
简明Python教程学习笔记_7_输入输出
查看>>
卷积神经网络应用:基于Tensorflow的CNN/CRF图像分割技术
查看>>
SHEVDC平台及物联网技术产品选型
查看>>
Spark 如何写入HBase/Redis/MySQL/Kafka
查看>>
E-MapReduce集群搭建HAWQ实践
查看>>
汇编语言学习:精华问题解答
查看>>
设计模式(三)之访问者模式
查看>>
[PhalApi实战篇(1)]Redis队列处理异步任务
查看>>
C++中的new、operator new与placement new
查看>>
查看文件源代码功能实现
查看>>
PostGIS 2.2.0dev(最新版)手册中文完整版
查看>>
ImagesLazyLoad 图片延迟加载效果
查看>>
Java IO编程
查看>>
前端知识点-jsonp csrf
查看>>
信息架构:看不到不代表不存在
查看>>
JSP标签 jstl 的常用方法
查看>>