主页 > 知识库 > 使用CSS不用程序实现文字自动截断 用省略号代替

使用CSS不用程序实现文字自动截断 用省略号代替

热门标签:检查注册表项 银行业务 智能手机 网站文章发布 呼叫中心市场需求 美图手机 铁路电话系统 服务器配置
.test{ 
width:200px; 
height:50px; 
border:1px solid red; 
padding:10px; 
overflow:hidden; /*不显示超过对象宽度的内容*/ 
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/ 
white-space:nowrap; /*限制在一行内显示所有文本*/ 



[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
  • 让超出DIV宽度范围的文字自动显示省略号...
  • 如果文字过长,则将过长的部分变成省略号显示
  • jQuery实现控制文字内容溢出用省略号(…)表示的方法
  • css把超出的部分显示为省略号的方法兼容火狐
  • 怎么让表格为固定大小,超出的部分显示为省略号
  • android开发教程之textview内容超出屏幕宽度显示省略号
  • 用客户端js实现带省略号的分页
  • js实现文字超出部分用省略号代替实例代码

标签:长治 沧州 新疆 河南 乐山 沈阳 上海 红河

巨人网络通讯声明:本文标题《使用CSS不用程序实现文字自动截断 用省略号代替》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266