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

用户名

如您在演示中所看到的,如果用户名太长,我想执行“ ...”。但是,即使我将固定宽度设置为<p>,也无法使用。

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

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

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

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

检查这个出来。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

文字溢出省略号不起作用

来自分类Dev

文本溢出省略号和flex在Firefox上不起作用

来自分类Dev

如何防止CSS Grid井喷,使文本溢出省略号起作用

来自分类Dev

css。文本溢出不起作用:省略号

来自分类Dev

表格单元格上的文本溢出省略号在IE8和IE9中不起作用

来自分类Dev

为什么我的溢出和文本溢出:省略号代码在 MS Edge 中不起作用?

来自分类Dev

文字溢出:省略号;不截断溢出文本并给出省略号

来自分类Dev

列表项的文本溢出省略号并保留数字

来自分类Dev

具有多个跨度的文本溢出省略号

来自分类Dev

文本溢出省略号不受位置影响:相对

来自分类Dev

CSS 文本溢出省略号无法正确显示

来自分类Dev

如何选择我的溢出省略号开始的位置

来自分类Dev

文本溢出:省略号在嵌套的flex容器中不起作用

来自分类Dev

文本溢出:省略号在此元素上不起作用

来自分类Dev

CSS文本溢出:在Angular 8中使用CSS网格时省略号不起作用

来自分类Dev

滚动时文本溢出省略号未在Chrome和IE中显示溢出内容

来自分类Dev

省略号不起作用

来自分类Dev

将文本放置在与第二行文本溢出省略号内联的点后

来自分类Dev

文本溢出省略号未以某些自定义字体显示

来自分类Dev

在带有文本溢出省略号的行之后放置图标

来自分类Dev

宽度100%元素中的文本溢出省略号实现

来自分类Dev

Angular Material如何获取复选框文本溢出省略号

来自分类Dev

如何使文本溢出省略号3点可点击?

来自分类Dev

带有文件扩展名的文本溢出省略号

来自分类Dev

文字溢出:省略号在有限的显示行中不起作用

来自分类Dev

CSS文字溢出:省略号在V-chip上不起作用

来自分类Dev

CSS文字溢出省略号+以%表示的宽度无效

来自分类Dev

在 Chrome 和 Safari 下一行的列表项中使用文本溢出省略号链接

来自分类Dev

PagedList.Mvc省略号按钮不起作用

Related 相关文章

  1. 1

    文字溢出省略号不起作用

  2. 2

    文本溢出省略号和flex在Firefox上不起作用

  3. 3

    如何防止CSS Grid井喷,使文本溢出省略号起作用

  4. 4

    css。文本溢出不起作用:省略号

  5. 5

    表格单元格上的文本溢出省略号在IE8和IE9中不起作用

  6. 6

    为什么我的溢出和文本溢出:省略号代码在 MS Edge 中不起作用?

  7. 7

    文字溢出:省略号;不截断溢出文本并给出省略号

  8. 8

    列表项的文本溢出省略号并保留数字

  9. 9

    具有多个跨度的文本溢出省略号

  10. 10

    文本溢出省略号不受位置影响:相对

  11. 11

    CSS 文本溢出省略号无法正确显示

  12. 12

    如何选择我的溢出省略号开始的位置

  13. 13

    文本溢出:省略号在嵌套的flex容器中不起作用

  14. 14

    文本溢出:省略号在此元素上不起作用

  15. 15

    CSS文本溢出:在Angular 8中使用CSS网格时省略号不起作用

  16. 16

    滚动时文本溢出省略号未在Chrome和IE中显示溢出内容

  17. 17

    省略号不起作用

  18. 18

    将文本放置在与第二行文本溢出省略号内联的点后

  19. 19

    文本溢出省略号未以某些自定义字体显示

  20. 20

    在带有文本溢出省略号的行之后放置图标

  21. 21

    宽度100%元素中的文本溢出省略号实现

  22. 22

    Angular Material如何获取复选框文本溢出省略号

  23. 23

    如何使文本溢出省略号3点可点击?

  24. 24

    带有文件扩展名的文本溢出省略号

  25. 25

    文字溢出:省略号在有限的显示行中不起作用

  26. 26

    CSS文字溢出:省略号在V-chip上不起作用

  27. 27

    CSS文字溢出省略号+以%表示的宽度无效

  28. 28

    在 Chrome 和 Safari 下一行的列表项中使用文本溢出省略号链接

  29. 29

    PagedList.Mvc省略号按钮不起作用

热门标签

归档