如何判断内容是否需要显示readmore
2019-06-05 本文已影响0人
RoyChina
如何判断多行文字过长时是否需要显示readmore
解决办法：
- 直接渲染，窗口div设置最大限制高度line-height * 需要折叠显示的行数
- 判断内容div是否超过窗口div最大宽度，如果有就显示readmore
- 点击展开时，主需要取消最大高度并将readmore修改为hide即可
下图：绿色是内容div，红色为窗口div，蓝色为省略号和readmore
image.png
image.png
