资讯专栏INFORMATION COLUMN

【CSS】超出两行显示省略号

bingchen / 3286人阅读

摘要:看到了个问题,问题地址目前没想到怎样不用行高解决问题,但是想到了之前工作中遇到的文本超出两行显示省略号,所以从之前的代码里翻出代码段记录下来,便于之后使用。

看到了个问题,问题地址:https://segmentfault.com/q/10...
目前没想到怎样不用行高解决问题,但是想到了之前工作中遇到的文本超出两行显示省略号,所以从之前的代码里翻出代码段记录下来,便于之后使用。



  
    
    
    
  
  
    
如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文如图,如果在用户手机屏幕宽度下内容超出两行则显示阅读全文,否则不显示阅读全文

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82681.html

相关文章

  • CSS超出两行显示略号

    摘要:看到了个问题,问题地址目前没想到怎样不用行高解决问题,但是想到了之前工作中遇到的文本超出两行显示省略号,所以从之前的代码里翻出代码段记录下来,便于之后使用。 看到了个问题,问题地址:https://segmentfault.com/q/10...目前没想到怎样不用行高解决问题,但是想到了之前工作中遇到的文本超出两行显示省略号,所以从之前的代码里翻出代码段记录下来,便于之后使用。 ...

    cartoon 评论0 收藏0
  • CSS超出两行显示略号

    摘要:看到了个问题,问题地址目前没想到怎样不用行高解决问题,但是想到了之前工作中遇到的文本超出两行显示省略号,所以从之前的代码里翻出代码段记录下来,便于之后使用。 看到了个问题,问题地址:https://segmentfault.com/q/10...目前没想到怎样不用行高解决问题,但是想到了之前工作中遇到的文本超出两行显示省略号,所以从之前的代码里翻出代码段记录下来,便于之后使用。 ...

    legendaryedu 评论0 收藏0
  • h5文字超出两行显示超出显示略号

    摘要:预期目标文字最多显示两行,超出两行的省略号显示实现方案测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数 预期目标:文字最多显示两行,超出两行的省略号显示实现方案:` .main{ width: 360px; borde...

    longmon 评论0 收藏0
  • h5文字超出两行显示超出显示略号

    摘要:预期目标文字最多显示两行,超出两行的省略号显示实现方案测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数 预期目标:文字最多显示两行,超出两行的省略号显示实现方案:` .main{ width: 360px; borde...

    summerpxy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<