如何识别省略号正在应用,以便一些链接(更多)可以添加后缀来切换省略号
How to identify Ellipsis is being applied so that some links(more) can be suffixed to toggle the ellipsis
如何识别省略号正在被应用,以便一些链接(更多)可以添加后缀来切换省略号
是否有任何检测使用CSS或Javascript应用省略号的方法。这里我需要在三行之后应用省略号。以下CSS:
.test-ellipsis {
color: #6f6f6f;
font-size: 12px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
可以使用jQuery实现。我们的想法是克隆并渲染元素,看看渲染的宽度是否大于原始元素。但我不会给你一个工作代码,而是把你重定向到另一个类似的SO问题,它实现了一个工作版本。
相关文章:
- 更多延迟动画
- 将所选类别循环到ul>李用加载更多按钮
- 更多的石头剪刀
- 附加“;显示更多“;仅当满足设定的字符数时,链接到截断的段落
- Javascript搜索和替换需要包含更多内容
- 使用mvc和jquery显示更多点击数据
- 测试对象是否相等和/或对象是否有更多的关键点,但仍然与共同的关键点相等
- 使用jquery为内容加载更多脚本
- 如何创建一个“;显示更多“;按钮,并指定最初可以显示的文本行数
- 当我在重新启动cordova应用程序后尝试添加更多数据时,lokijs会丢失数据库和收集中的数据
- JQueryUI选择菜单-如何添加更多选项
- offsetLeft Javascript属性需要更多时间
- 动态添加更多单选按钮并将其删除
- 获取更多元素的数据值
- javascript onclick获取更多信息
- d3:用更多维数组复制路径
- 在新行(html)中动态添加更多文本字段
- Javascript非常简单:'阅读更多''显示较少'应用于Wordpress的功能
- Angularjs 通过 ng 单击显示更多省略号文本
- 如何识别省略号正在应用,以便一些链接(更多)可以添加后缀来切换省略号