美文网首页
如何判断内容是否需要显示readmore

如何判断内容是否需要显示readmore

作者: RoyChina | 来源:发表于2019-06-05 23:11 被阅读0次

如何判断多行文字过长时是否需要显示readmore

解决办法:

  1. 直接渲染,窗口div设置最大限制高度line-height * 需要折叠显示的行数
  2. 判断内容div是否超过窗口div最大宽度,如果有就显示readmore
  3. 点击展开时,主需要取消最大高度并将readmore修改为hide即可
下图:绿色是内容div,红色为窗口div,蓝色为省略号和readmore
image.png

相关文章

网友评论

      本文标题:如何判断内容是否需要显示readmore

      本文链接:https://www.haomeiwen.com/subject/joyexctx.html