文本超出显示省略号：
.txt-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
不透明层：
.box{width:150px;height:185px;float:left;margin-left:20px;position:relative;}
.mask{position:absolute;width:150px;height:150px;left:0;top:20px;background-color:#fff;opacity:0.5;filter:alpha(opacity=50);}
<div class="box">
<div class="mask">
</div>
</div>
分享到：
相关推荐
CSS实现不换行/自动换行/文本超出隐藏显示省略号；自动换行，强制不换行，单行文本不换行多余文本显示省略号，第n行显示省略号,亲测有效。
实现方法：效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。实现方法：效果如图：适用范围：该方法适用范围广，但文字未
//溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？ 超出两行隐藏: css3解决了这个问题，解决方法如下： display:-webkit-box; //将对象作为...
html单元格显示不下的文本用省略号代替,并且鼠标悬停在单元格下面用div显示该单元格的全部文本信息。
纯css 控制超出宽度部分用省略号显示，纯数字跟连续的英文字母请绕行。
表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE，FF，safari
CSS实现单行、多行文本溢出显示省略号（…）示例文档，自行下载查看
HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号，但鼠标可以选择文字，酷吧……
CSS 省略号 完美解决 鼠标放上显示不能看部分的内容
多行文本溢出显示省略号
视频与票的图标跟在标题后面显示，当标题过长时icon显示到省略号…后（textview省略号显示，图标自动靠后）。 二、问题解决 TextView可以通过 android:ellipsize=end android:singleLine=true实现单行省略， 但是...
jQuery文字溢出显示省略号插件是一款基于dotdotdot.js插件实现的单行多行文本溢出显示省略号
js文字超出省略号特效
主要介绍了微信小程序实现多行文字 超出部分省略号显示功能，比如设置只显示2行，超出部分省略号显示，本文通过实例代码给大家介绍,需要的朋友可以参考下
datagrid添加tooltip及超出宽度添加省略号
css文本显示省略号 如果不适应sass 需要把@extend .text-webkit-box替换为.text-webkit-box里面的内容
HTML+css 超出字符省略号表示，其中包括了HTML代码和CSS样式
dotdotdot.js插件是一款基于jQuery实现的单行多行文本文字内容超出溢出部分显示省略号的代码。
在我们的日常开发工作中，文本溢出截断省略... 文本超出范围才显示省略号，否则不显示省略号 省略号位置显示刚好 基于上述的准则，下面我们通过编码实践，给出一些答案。 单行文本溢出省略 核心 CSS 语句 overflow: h