HTML5 文本内容显示三行，多余部分显示...，点击全部展开

.mui-ellipsis-3 {
????display: -webkit-box;
????overflow: hidden;
????white-space: normal!important;
????text-overflow: ellipsis;
????word-wrap: break-word;
????-webkit-line-clamp: 3;
????-webkit-box-orient: vertical;
}
.innerCtn{
text-indent: 1rem;
line-height: 0.8rem;
font-size: 0.5rem;
}

<div class="innerCtn">
<span class="mui-ellipsis-3">《心理游戏》是由Propaganda Films发行的悬疑电影，由大卫·芬奇执导，迈克尔·道格拉斯、西恩·潘领衔主演，
该片于1997年9月12日在美国上映。该片讲述了亿万富翁尼古拉斯在弟弟的指引下，参与了CRS俱乐部的游戏。</span>
</div>

<script type="text/javascript">
$(function(){//显示三行 多余隐藏 点击展开
$('.innerCtn').click(function(){
$(this).children(0).removeClass('mui-ellipsis-3');
});
});?
</script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!