本文介绍: （用来限制在一个块元素显示的文本的行数，2 表示最多显示 2 行。为了实现该效果，它需要组合其他的 WebKit 属性）-webkit–box–orient: vertical;（和 1 结合使用 ，设置或检索伸缩盒对象的子元素的排列方式 ）text–overflow: ellipsis;（多行文本的情况下，用省略号 “…display: –webkit–box;（和 1 结合使用，将对象作为弹性伸缩盒子模型显示 ）（文本溢出限定的宽度就隐藏内容）
1、单行文本溢出显示省略号
overflow: hidden;（文字长度超出限定宽度，则隐藏超出的内容）
white–space: nowrap;（设置文字在一行显示，不能换行）
text–overflow: ellipsis;（规定当文本溢出时，显示省略符号来代表被修剪的文本）
2、多行文本溢出显示省略号
–webkit–line–clamp: 2;（用来限制在一个块元素显示的文本的行数，2 表示最多显示 2 行。为了实现该效果，它需要组合其他的 WebKit 属性）
display: –webkit-box;（和 1 结合使用，将对象作为弹性伸缩盒子模型显示 ）
–webkit-box–orient: vertical;（和 1 结合使用 ，设置或检索伸缩盒对象的子元素的排列方式 ）
overflow: hidden;（文本溢出限定的宽度就隐藏内容）
text–overflow: ellipsis;（多行文本的情况下，用省略号 “…” 隐藏溢出范围的文本)
原文地址:https://blog.csdn.net/Jk200165/article/details/131517366
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_47674.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
