博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
多行文本省略号的实现.html
阅读量:5100 次
发布时间:2019-06-13

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

多行文本省略号的实现

Document
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus qui, sed laudantium? Hic facilis eius eveniet quisquam, voluptatibus molestias, soluta. Odit dicta et omnis fugiat magnam commodi reiciendis consequatur quosLorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit quis dolore, assumenda veniam deserunt suscipit maxime, magni doloremque excepturi praesentium ea ullam earum rem vel voluptatibus ex omnis odio ipsum.

需要知道的几个属性:

  • text-overflow: ellipsis:用来实现单行文本的溢出显示省略号(...);在多行文本的情况下,用省略号(...)隐藏超出范围的文本
  • display: -webkit-box:将对象作为弹性伸缩盒子模型显示
  • -webkit-line-clamp:6:用来限制在一个块元素显示文本的行数
  • -webkit-box-orient:vertical:设置或检索伸缩盒对象的子元素排列方式

转载于:https://www.cnblogs.com/lxmtx/p/7091270.html

你可能感兴趣的文章
python socket编程tcp/udp俩连接
查看>>
Hibernate学习笔记(一)
查看>>
面向对象_3-15选择题
查看>>
Python学习【第1篇】:环境配置
查看>>
动态的数字三角形
查看>>
ubuntu14.04 64位系统如何运行xampp集成环境
查看>>
「题解」:[线性代数]:relays 奶牛接力跑
查看>>
angular 按下回车键触发事件
查看>>
hive基本操作与应用
查看>>
python protobuf在不确定消息类型的情况下解析消息
查看>>
自定义标签 tld
查看>>
java class加载机制及对象生成机制
查看>>
Linux日志分割--logrotate
查看>>
17.如何修改SESSION的生存时间。
查看>>
前端面试题
查看>>
关于讯飞语音SDK开发学习
查看>>
(Hibernate进阶)Hibernate基本映射(三)
查看>>
requirejs简单应用
查看>>
通过 chroot 解决 Linux 系统无法启动的问题
查看>>
OSX Dev Day 3 - NSCollectionView
查看>>