设为首页收藏本站关注微信<<< 抵制 IE6 人人有责 >>>
开启辅助访问 切换到窄版
搜索
热搜: 活动 交友 discuz
返回列表 发新帖
查看: 2163|回复: 0
打印 上一主题 下一主题

[CSS] 设置文字不换行，超过的部分用“...”代替

[复制链接]
kevin-ying
跳转到指定楼层
楼主
发表于 2015-7-21 16:27:02 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
  1. 设置文字不换行，超过的部分用“...”代替
  2. overflow: hidden;
  3. text-overflow: ellipsis;
  4. white-space: nowrap;
  5. width: 210px;
  6. 除width属性外，顺序不要颠倒哦！
复制代码


nowrap, hidden, 常用

本帖被以下淘专辑推荐:

  • · 常用|主题: 22, 订阅: 0
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享淘帖1

相关帖子
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|手机版|Archiver|源于生活(个人生活娱乐工作的笔记)css3,html5,学习笔记    

GMT+8, 2024-11-23 17:12 , Processed in 0.140400 second(s), 28 queries .

Powered by Mr.Kevin-ying

© 2004-2015

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