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

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 11415|回复: 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-3-29 14:52 , Processed in 0.083985 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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