巴布鱼——软件工程师的家园

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 11590|回复: 0
打印 上一主题 下一主题

[Css] CSS实现单行、多行文本溢出显示省略号(…)

[复制链接]

40

主题

41

帖子

356

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
356
QQ
跳转到指定楼层
楼主
发表于 2017-10-21 10:13:51 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
单行
  1. overflow: hidden;
  2. text-overflow:ellipsis;
  3. white-space: nowrap;
复制代码
多行
  1. display: -webkit-box;
  2. -webkit-box-orient: vertical;
  3. -webkit-line-clamp: 3;/*行数*/
  4. overflow: hidden;
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|Archiver|手机版|巴布鱼

GMT+8, 2024-5-3 22:01 , Processed in 0.103515 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表