css文字超出显示省略号

单行的：

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

多行的：

word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

 js判断文字是否超出显示...了，如果是，执行一些方法：

jquery 判断文字是否超出div出现三个点的省略号

有个需求，就是一个div宽度固定，但是文字可能会超出，超出出现三个点省略，然后鼠标划入的时候显示全部，不超出鼠标划入就不显示，这就意味着要判断文字是否超出了

"en">
 
  
 
 

    
class="main-left">
        class="word fl">填报日期填报日期填报日期填报日期填报日期
        :

        class="title">人填报人填报人填报人填报人
    
        
class="main-right">
        
class="layui-inline input-width-full">
            "text" class="layui-input" placeholder="">