网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  CSS实现内容超过长度后以省略号显示

CSS实现内容超过长度后以省略号显示

分类: IT文章 • 2022-03-03 22:58:35

CSS实现内容超过长度后以省略号显示

样式:

{ 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

说明:

white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格。

overflow: hidden 隐藏超出单元格的部分。

text-overflow: ellipsis 将被隐藏的那部分用省略号代替。

相关推荐

  • 帆软:单元格超过一定长度显示省略号(...),鼠标悬浮显示全部内容
  • CSS控制文本的长度,超过一起显示省略号
  • 四行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】
  • 四行CSS实现表格内容超过一行的部分,用省略号代替
  • 控制文字长度,多出的文字用省略号代替 text-overflow实现文字超出宽度,溢出后自动显示为省略号的效果
  • 内容超过宽度后显示省略号
  • CSS把容器中的内容限制行数,在超过行数后,在最后一行显示"..."
  • 文本超过控件长度自动显示省略号的css
  • 【转】如何用css限制文字长度,使溢出的内容用省略号…显示
  • 内容超过长度后以省略号显示的几种实现方式
  • VM workstation 与 VM vSphere的区别 [转载]
  • Oracle工具类-生成数据库现有Job的创建脚本
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号