弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 3919|回复: 0

CSS:文本字数超长自动显示省略号的方法

[复制链接]
发表于 2013-11-14 11:39:16 | 显示全部楼层 |阅读模式
父节点固定宽度时:
a {
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
}

当a-->display: flex时,省略号并不显示,解决办法外增加span父节点

语法:
  text-overflow : clip | ellipsis
  参数:
  clip :  不显示省略标记(...),而是简单的裁切
  (clip这个参数是不常用的!)
  ellipsis :  当对象内文本溢出时显示省略标记(...)
回复

使用道具 举报

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

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-24 02:50 , Processed in 0.088151 second(s), 16 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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