首页 | 路由技术 | 交换技术 | 接入技术 | 综 合布线 | 网络管理 | 网络安全 | 操作系统 | 实用技巧 | 业界动态
最 新咨询 | 网络编程 | 软件编程 | 脚本技术 | 网页制作 | 网站技巧 | 数据库  | 精品收藏 | 免费资源 | 在线书店
页面导航: 首页网络编程CSS/HTML经验交流 → 正文内容

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

发布:xyz来源:转载于互联网 发布日期:2007-11-28 19:28:55 字体:[增加 减小] 类型:转载
.test{ 
width:200px; 
height:50px; 
border:1px solid red; 
padding:10px; 
overflow:hidden; /*不显示超过对象宽度的内容*/ 
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/ 
white-space:nowrap; /*限制在一行内显示所有文本*/ 

点击运行可以看到效果: