
如图所示:希望实现的功能有2个
如果鼠标滑动到红色分割线一下,网站会自动识别出下一个用户发表的文字数量,如果超出一屏幕,则显示收起的按钮,如果文字内容少于一屏,不显示收起的按钮
点击收起按钮后,文字显示行数为2行,出现显示全部按钮,点击显示全部按钮后,出现全部内容
请直接秀出您的代码。code it ,make it happen
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
每段评论都有容器吧,可以根据容器的行数或者字符数判断超过多少就隐藏多余的,行数=高度/行高,如何隐藏可以写死高度然后overflow:hidden;
做两个p,一个显示部分文字,一个显示全部文字,点击显示全部显示全部文字p,隐藏部分文字p;点击展开,显示全部文字p,隐藏部分文字p。
这仅仅是一个思路,实现的方式可能有很多种。
你用开发者工具查看知乎的网页元素就会看到,是通过控制两个
p的display: block和display: none来实现这种效果的,至于如何截取部分内容,我猜测是截取一定字数谢邀。评论有overflow:hidden;有高度。展开的时候hegiht:auto;缩小的时候。给一个固定的高度。两行文字高比如
简单的话就p.show hide