css文档超出部分隐藏并显示省略号

今天一组排版文字太多需要隐藏并且显示省略号，知道css3中overflow与text-overflow使用，但只有隐藏并没有省略号，第一次把这两个组合起来用，后面加了<nobr>不换行，所以OK了。下面贴出源码：

#pcss {width:150px;height:24px;
overflow:hidden;text-overflow:ellipsis;    
}        
   
<p id="pcss"><nobr> 显示不完显示省略号，测试内容</nobr></p>