文本溢出省略号在我的情况下不起作用

Question

正如你在我的演示中看到的，如果用户名太长，我想要做'...'。但即使我将固定宽度设置为<p>，它也不起作用。

.userDetailWrap p{ 
    float:left; 
    margin:0px; 
    clear:both; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

演示http://plnkr.co/edit/0h05w6fyhBHPr1NvXTSC?p=preview

Answer 1

固定宽度设置为p工作正常。你还应该考虑跨浏览器的做法。

width:80px; 
text-overflow: ellipsis; 
-o-text-overflow: ellipsis; 
-ms-text-overflow: ellipsis; 

检查this out。