页面导航: 首页网络编程CSS/HTML经验交流 → 正文内容

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

发布:dxy 发布日期: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; /*限制在一行内显示所有文本*/ 

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
浏览次数:载入中... 打印本文关闭本文返回首页

文章评论

共有 位脚本之家网友发表了评论我来说两句

同 类 文 章
最 近 更 新
热 点 排 行