网页文字默认显示固定行数，点击按钮显示全部怎么实现？-第2页回答

网页文字默认显示固定行数，点击按钮显示全部怎么实现？财富值38

2016-10-13 17:06发布

该问题目前已经被作者或者管理员关闭, 无法添加新回复

16条回答

1楼-- · 2016-10-13 17:44

http://codepen.io/bran93/pen/... 把transiton用于max-height,但是有一个问题就是max-height 不好确定

2楼-- · 2016-10-13 17:50

<!DOCTYPE html>
<html>
<head>

3楼-- · 2016-10-13 17:44

实现的方式不少，可以用css动画，也可以用jquery等，个人思路：
先设置一个固定高度，点击箭头，换个高度即可，例如：

4楼-- · 2016-10-13 17:45

</head>
<body>

5楼-- · 2016-10-13 17:48

你试一下用transition过渡。
html:

6楼-- · 2016-10-13 17:53

建议使用css的transation, 设置div点击前后的height, 与展开动画，动画时间，就可以简单实现，完全不用js，js控制dom元素做动画是非常低效的，动画效果不应该考虑用它实现

网页文字默认显示固定行数，点击按钮显示全部怎么实现？财富值38