文章详情页
angular.js - angular内容过长展开收起效果
浏览：2934日期：2024-10-20 17:39:36
问题描述
1.p中的内容过长，当内容过长，超过两行的显示时，出现一个【展示】标签，展开之后内容最后面出现【收起】标签，类似于QQ空间发表的说说，长了显示全文，完了还可以收起来的效果，我做的无法判断内容长度，而且一行中显示的中英文字数是不等的，想有个效果完整的例子看看。
问题解答
回答1：我给个思路，html在文字后面加个inline-block(你的展开和关闭)。css设置固定高，超出后overflow:hidden。js判断高度，超过后最外层加一个 class,这个 class控制你的展开和关闭，还有清除固定高和overflow：hidden。当然如果是响应式得另外想办法。
回答2：angular filter
回答3：使用line-height指定高度，通过这个高度来实现收起拉伸
相关文章：
1. celery+redis 怎么看redis里面的内容2. android - TextInputLayout的空白显示问题3. javascript - 最近用echarts做统计图时遇到两个问题！！4. angular.js - angular ng-focus ng-blur 存在问题5. 为什么redis中incr一个“0” 会报错？6. android - 优酷的安卓及苹果app还在使用flash技术吗？7. android - 百度地图拖拽图标后原来位置的图标还在？8. 微信$data =file_get_contents(’php://input’)取不到数据，抓包9. PHP类属性声明？10. css - input中transition 设置background-color过渡，chrome浏览器页面初始化渲染会有过度效果
排行榜
网公网安备