我想缩短长文本评论，并在剪切文本后面添加“... [显示完整帖子]”以展开完整帖子。 由于我网站上的长评论通常是列表，因此最好在例如之后删除它们。评论 div 内有 5 行，但不破坏 html，即 p 标签。
<html>
<head>
<style type="text/css">
body {font-family:sans-serif; font-size:0.8em}
.comments {border:1px solid #aaa; padding:5px; margin-bottom:10px}
.commenttop {background-color:#f9f9f9; padding:5px}
.username {float:left; margin-right:10px; font-weight:bold}
.commentpost {padding:0 5px}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="comments">
<div class="commenttop"><div class="username">User 1</div>
<div class="date">12:12, 28 October 2010 (CEST)</div></div>
<div class="commentpost">
<p>Very long comment here<br />
<br />
Text in row 3<br />
Text in row 4<br />
Text in row 5<br />
Text in row 6<br />
Text in row 7<br />
Text in row 8<br />
Text in row 9<br />
Text in row 10<br />
Text in row 11<br />
Text in row 12
</p>
</div></div>
<div class="comments">
<div class="commenttop"><div class="username">User 2</div>
<div class="date">17:22, 30 October 2010 (CEST)</div></div>
<div class="commentpost">
<p>Text in row 1<br />
Text in row 2
</p>
</div></div>
</body>
</html>
在此示例中，结果应为
<小时/>这里有很长的评论
第 3 行中的文本
第 4 行中的文本
第 5 行中的文本...显示全文
知道如何做到这一点吗？
最佳答案
尝试使用CSS的overflow属性，然后检查Javascript，如果显示的高度等于定义的max-height并显示链接。
关于javascript - 缩短 div 中每行的注释，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4063445/