文本超长处理方法

如果要显示的内容很长，超出了容器的宽度，可以让其溢出部分用省略号代替，当鼠标移到文本上时，显示全部内容

 

首先给容器元素加css样式，实现溢出用省略号代替

.msg{
     white-space:nowrap;
     float:left;
     text-overflow:ellipsis;
     overflow:hidden;
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */   
}

 

提示完整信息的方法是使用  title属性， 设置提示信息

<td style="text-align: left" title="提示信息" >