标题超过60个字符,显示省略号,鼠标移动到标题上面,显示全部标题的实现方式

第一种实现方式:鼠标移动到标题上面,弹出悬浮窗,用函数来实现。

        Task title
   

   
   
         style=" position:absolute;width: auto;height:40px;font-size:16px;background-color:#f1f4f5;display: none ">




另一种方法:在标题下方显示完整标题,使用AngularJs的自带的指令:ng-mouseenter和ng-mouseleave,注意,ng-mouseenter和ng-mouseleave要写在需要控制的标签内。

    Task title




定义的CSS样式
.requirement_css {
    width: 300px;
    height: 20px;
    font-size: 16px;
   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

你可能感兴趣的:(AngularJs)