判断设置`text-overflow: ellipsis`的元素

作者: 歇歇 | 来源:发表于2018-10-16 17:25 被阅读16次

简单粗暴

// 已知
$dom; // 设置了text-overflow: ellipsis的块级元素

// 判断
if ($dom.scrollWidth > $dom.clientWidth) {
  //  显示了身略号
} else {
  // 未显示省略号，内部字符长度未超过宽度
}

判断设置`text-overflow: ellipsis`的元素
简单粗暴
溢出隐藏
注意同个div元素设置为flex布局会影响到text-overflow: ellipsis;(省略标记) 原理-...
CSS--text-overflow使用注意
设置在块元素上。 text-overflow有两个属性值，clip和ellipsis。clip 表示不显示省略标记...
高级设置
文本溢出：text-overflow:clip|ellipsis text-overflow:ellipsis;o...
CSS3属性之text-overflow:ellipsis详解
语法:text-overflow:clip|ellipsis 默认值:clip; 适用于:所有元素 clip:当前...
文本超出省略
text-overflow: ellipsis
最近经常用到的存放一下
1.设置文章超出n行显示省略号 overflow:hidden; text-overflow:ellipsis; ...
文本超长溢出省略号
单行.ellipsis {overflow: hidden;text-overflow: ellipsis;whi...
文字不换行缩略ellipsis
.ellipsis { text-overflow: ellipsis; white-space: now...
html css 超出省略号显示
.ellipsis{ white-space:nowrap; text-overflow:ellipsis; ov...