网页文字默认显示固定行数,点击按钮显示全部怎么实现??

上图所示,默认显示固定行数,点击箭头显示全部内容,
目前是使用 -webkit-line-clamp 实现,但是过渡的时候没有动画效果,大家<爱尬聊_知识大全>有什么别的方法吗?


小夹心 22小时前

方法很多很多,随便说个jq的.比如line-height:24px;要固定显示5行


左边安宁 22小时前

我昨天刚写了这种,你设置一个高度,然后overflow:hidden,动画的话就用jquery的$(.类名).animate({height:"展开后的高度"},1000);


月殇魂飘过的浮云过度的颓废窝心 22小时前

我的看法还是简单的外部一个div为.outer设置overflow:hidden:固定好line-height和height内部设置一个div为.inner获取.inner的高度点击按钮时让外部div高度animate到内部div的高度就好了html:


ldy2311 22小时前

css:


学不乖坐看云海把昨日还给我前世 22小时前

css


气质少女_001 22小时前

简单的写了下


编辑 举报 2023-06-15 13:56

0个评论

暂无评论...
验证码 换一张
相关内容