文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
前端 - 如何实现指定多少行后内容未显示完就用省略号...代替？
ringa_lee
ringa_lee 2017-04-17 11:32:50
[HTML讨论组]
0 8 621
举报

1）已知文字父级元素p的高度，比如500px；
2）已知字体大小：font-size:28px;
如何算出需要显示多少行？
知道多少行后，如何实现指定这些行后内容未显示完就用省略号...代替？

ringa_lee
ringa_lee

ringa_lee

全部回复(8)
PHPz
PHPz2017-04-17 11:34:50 8楼 
.xxx {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 20px;
  max-height: 60px;
}
赞 +0
添加回复
伊谢尔伦
伊谢尔伦2017-04-17 11:34:50 7楼

限制最大显示行数 超过了不就用...代替了`!

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 11:34:50 6楼

多少行是多少行……1行的话css控制不难，更多不清楚

赞 +0
添加回复
巴扎黑
巴扎黑2017-04-17 11:34:50 5楼

传送门 http://stackoverflow.com/questions/3922739/limit-text-length-to-n-line...

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 11:34:50 4楼

没有多少行，只有高度，当内容超出指定的高度了，就用js截断~

赞 +0
添加回复
ringa_lee
ringa_lee2017-04-17 11:34:50 3楼

行数是不能控制的，使用高度代替，估摸着你的行数。

赞 +0
添加回复
天蓬老师
天蓬老师2017-04-17 11:34:50 2楼

关于文字内容溢出用点点点(…)省略号表示

赞 +0
添加回复
迷茫
迷茫2017-04-17 11:34:50 1楼

用jquery插件jquery.dotdotdot.js解决

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部