使用CSS不用程序实现文字自动截断 用省略号代替
更新时间：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 全选 注:引入外部Js需再刷新一下页面才能执行]
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记（...）*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
在分配ID和类名时，尽可能保持与表现形式无关，例如contleft有可能以后希望出现在右边。2008-10-10
符合标准，多浏览器兼容的图片垂直居中效果代码2008-08-08
解决列高度自适应(相同)的五种方法...2007-02-02
CSS中常用的单位...2007-01-01
纯css实现的圆角边框效果代码2008-04-04
解决IE5/IE5.5/IE6/FF的兼容性问题——CSS...2007-05-05
一般要固定某个div,我们都会让该div{position:fixed},它的下一个div{position:absolute}看了几个国外的关于CSS的固定定位跨浏览解决方案.他们却反其道而为之2008-11-11
SPAN元素和DIV元素有的区别...2007-02-02
纯div+css实现，大家可以参考下，也许有一些问题，大家可以修正下2008-12-12
总结下清除浮动的一般解决方案,做网页时要注意2008-03-03
最新评论