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

Question

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

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

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

Answer 1

将固定宽度设置为p可以正常工作。您还应该考虑跨浏览器实践。

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

检查this。