比较适合文章列表
.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记（...）*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>
CSS用省略号实现文字自动截断
原创文章如转载，请注明：转载自悠悠博客 [ http://www.ajaxstu.com/ ]
相关文章:
- 用外国人的手写中国字(2007-11-26 5:45:29)
- css:鼠标样式(2007-11-25 7:36:0)
- CSS元素命名常用关键字(2007-11-15 3:17:26)
- 对联广告代码效果大全(2007-11-7 5:58:36)
- 成良好的CSS编码习惯(2007-11-3 3:29:33)
- 符合Web标准的超链接(2007-11-2 1:34:51)
- css定位有关的一张图片(2007-11-1 10:30:30)
- CSS切换实例解析(2007-11-1 7:41:10)
- XHTML和CSS设计中的皮肤切换(2007-11-1 1:52:40)
- div+css布局等于web标准化么？(2007-10-27 5:1:27)
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。