适用于只有一行文字的情况，并且Firefox下不支出现省略号.

.test{
width:200px;
height:50px;
border:1px solid red;
overflow:hidden;             /*不显示超过对象宽度的内容*/
text-overflow:ellipsis;     /*当对象内文本溢出时显示省略标记（...）*/
white-space:nowrap;     /*限制在一行内显示所有文本*/
}

text-overflow是CSS3新增的属性，IE6以上版本支持。它可以带2个参数：
clip [不显示省略标记（...），而是简单的裁切];
ellipsis[当对象内文本溢出时显示省略标记（...）];