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

时间:2014-04-22 01:38:02

标签: css css3

正如你在我的演示中所看到的,如果用户的名字太长,我想做'...'。但即使我将固定宽度设置为<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

1 个答案:

答案 0 :(得分:0)

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

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

检查this