文章详情页
angular.js - angular内容过长展开收起效果
浏览:344日期: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. python - 速度最快的启动界面GUI2. python - 如何把152753这个字符串转变成时间格式15:27:533. html - 请教一个前端css问题。4. javascript - js判断一个数组是否重复5. html5 - video ios不能播放怎么办?6. javascript - 在页面最顶部插个广告,怎么做才能不破坏页面布局(不影响下面的内容)?7. javascript - 有没有类似高铁管家的时间选择插件8. python - 关于beautifulsoup获取文档内容9. javascript - 如何用最快的速度C#或Python开发一个桌面应用程序来访问我的网站?10. mysql - 类似于之类的通知系统如何设计数据库
排行榜
