javascript – 在div/span元素溢出上添加点/省略号,而不使用jquery

需要实现类似于dotdotdot jQuery插件的功能
但不能使用JavaScript框架(如jquery或ext).

有没有什么简单的方法来添加点的div或span元素的内容,如果内容占用更多的空间,然后元素应该?
(类似于css overflow:省略号设置)

当高度有限时,不能使用省略号,因为它不能与许多行一起使用.

谢谢 :)

最佳答案
为什么不使用CSS属性text-overflow?只要您在标签中定义宽度,它的效果就会很好.

CSS类:

.clipped {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    
<div class="clipped" style="width: 100px;" title="This is a long text">This is a long text<div>

您还可以将文本添加到标题属性,以便用户可以在悬停在元素上时看到整个文本.

转载注明原文:javascript – 在div/span元素溢出上添加点/省略号,而不使用jquery - 代码日志