设置超过DIV高度范围隐藏结尾... 点击查看全文显示全部

最新推荐文章于 2024-07-31 17:24:59 发布

第二i

最新推荐文章于 2024-07-31 17:24:59 发布

阅读量2.8k

点赞数

文章标签：求助

本文链接：https://blog.csdn.net/weixin_42785547/article/details/84672132

版权

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文字超出长度用省略号显示,点击显示全文</title>
</head>
<body>
<button>显示全文</button>
<div class="accord">	
这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的
测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分
隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本     这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试
文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测
试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本这是超出部分隐藏的测试文本
  </div>
</body>
</html>

要求一: div随便设置 ,只显示五行,超过范围结尾显示...

要求二: 显示全文按钮, 点击能够取消隐藏字段设置,显示全文

要求三: 尽量不用javascript, 用css样式