javascript - 多行溢出隐藏，文本溢出后直接显示...，后面带上read more链接，跳转至详情页面

问题描述

问 题

<script type="text/javascript" src="js/jquery.dotdotdot.min.js"></script>
    $(function() {
        $('.dot').dotdotdot({
        after: 'span.readmore'
    });
</script>

这是线上测试的图片

第二章图是本地测试的效果，线上测试时，有文字溢出的内容直接显示...，
不能通过为元素设置溢出显示...，Read more 是一个链接，

解决方案

使用dotdotdot.js 完成多行溢出隐藏，使用after设置...后面添加Read more

这篇关于javascript - 多行溢出隐藏，文本溢出后直接显示...，后面带上read more链接，跳转至详情页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！