如果实现单行文本的溢出显示省略号（…）应该都知道用 效果图： 适用范围：因使用了 WebKit 的 CSS 扩展属性，该方法适用于 WebKit 浏览器及移动端。 注意事项： 以下示例以 效果图： 适用范围：该方法适用范围广，但文字未超出行的情况下也会出现省略号,可结合 js 优化该方法。 注意事项：
单行
text-overflow:ellipsis 属性来，当然还需要加宽度 width 属来兼容部分浏览。/* 注意需要给width 注意还需要把容器变为块级元素(因为需要给宽度) */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
多行
p 为例，具体请根据情况使用标签。p{position: relative; line-height: 20px; max-height: 40px;overflow: hidden;} p::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px; background: -webkit-linear-gradient(left, transparent, #fff 55%); background: -o-linear-gradient(right, transparent, #fff 55%); background: -moz-linear-gradient(right, transparent, #fff 55%); background: linear-gradient(to right, transparent, #fff 55%); }
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
71