是这样的,我现在实现的效果是
当中间那部分的内容{content}超出六行时,就在文字下方显示出全文按钮,然后点击全文按钮,就展开全文,此时全文下方出现收起按钮,点收起,就重新变成显示六行,问题是,我的处理逻辑是在展示时直接把整个字条串赋值到{content},然后在页面初始化后,用JS判断{content}这部分的高度,如果超出116px(手机上对应6行)时,就隐藏多余的部分,添加全文按钮,但是这样的效果就是:首页展示的时候,{content}部分一开始是全部显示,然后才收起,感觉很别扭,如何才能一开始就判断出来{content}是否超出6行,超出就只显示六行,而不是加载后才判断,就像微信朋友圈里面那样,谁做过,能否给详细指导下,谢谢了
还是采用截取字符串个数吧,点击全文就不截取了
但是如果手机屏幕大小不一,那截取同样的个数,在不同手机里显示的行数就不同,有可能会多一行少一行,此时还不考虑各种字符占位长度什么的
用CSS 里的 text-overflow 实现,具体参照:
http://jingyan.baidu.com/article/2a138328971e8c074a134f82.html
这样是可以直接隐藏掉多余的,不过想要展开查看全部如何做呢,
@xqnq2007: 你通过js修改css让他全部显示就是的了