p{
width:50px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
注:
“white-space:nowrap”是强制在一行内显示所有文本,不回行。
text-overflow是CSS3新增的属性,IE6以上版本支持。
它可以带2个参数:
clip [不显示省略标记(…),而是简单的裁切],
ellipsis[当对象内文本溢出时显示省略标记(…)]。
所以,这个方法是不支持Firefox的。因此,我们还要加上一句overflow: hidden,
让多余文字在Firefox中隐藏。