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

css

设置固定高，overflow:hidden，点击时候逐渐增加高度到全部显示，不知道行不行

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

javascripte

简单的写了下

</body>
</html>

搞个按钮

css:

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