通过CSS实现多行换行,后面加省略号
来源:互联网 发布:submit for mac 编辑:程序博客网 时间:2024/05/14 03:34
css有换行的标签,但是只能实现单行换行,用起来非常不方便。也很麻烦,下面的这几行代码,
可以实现多行换行,并且后面自动加省略号,但是在使用之前需要给它一个固定的高度,把下面
的代码直接复制过去就可以了。
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
最方便的的-webkit-line-clamp:2,3,4,5等多行文字显示多余隐藏的效果。
阅读全文
0 0
- 通过CSS实现多行换行,后面加省略号
- 类后面加省略号
- CSS实现单行、多行溢出省略号
- css 实现文本省略号:单行多行
- css 实现多行超出省略号代替
- CSS 强制不换行,多出的文字显示省略号
- 如何通过css实现自动换行
- 简单地通过CSS实现文字第n行后以省略号显示
- css实现超长文字省略号处理(单行和多行)
- 如何仅通过CSS实现多行文本超长自动省略号
- 如何仅通过CSS实现多行文本超长自动省略号
- 设置div中文字超出时自动换行和css实现文本超出N行之后显示省略号等
- CSS实现省略号
- CSS实现文本省略号
- css的自动换行,内容的省略号
- css 不换行显示省略号
- css文字描述,换行,省略号的一般设置
- css文字描述,换行,省略号的一般设置
- python学习笔记之019.py
- python学习笔记之020.py
- python学习笔记之021.py
- sass常用代码
- run Openmvide in Raspberry pi3
- 通过CSS实现多行换行,后面加省略号
- Ethercat基本数据类型(Ethercat Base Data Types)
- 网络编程--传输协议tcp/udp
- Redis持久化
- 【c++】小甲鱼C++快速入门(一)
- mysql优化小结
- STM32的接收中断和发送中断同时使能会导致程序死在初始化串口那里。
- Android内存优化(五)详解内存分析工具MAT
- leveldb源码分析之五