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

 

首先给容器元素加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="提示信息" >