在写网页的时候，经常需要用表格来展示数据，但是如果其中某个td中的数据太多，就会使整个页面不协调，如果固定了表格的宽度那么内容又不能全部显示出来，怎么办呢？ 本人今天就遇到了这样一个小问题，现将其记录下来，留作以后需要时查看。


先上css代码:
.newsInfo:hover {
    background: #eee;
    color: #333;
    z-index: 999;
}
.newsInfo {

    position: relative;
    z-index: 0;
}  
.newsInfo span {
	
    display: none;
} 
.newsInfo:hover span {
    display: block;
    position: absolute;
    min-width:400px;
    top: 28px;
    left:100px;
    border: 1px solid #cccccc;
    background: #C1CDC1;
    color: black;
    padding: 5px;
    text-align: left;
    overflow: hidden;
}
.newInfoTruncation {
    width:120px;
    white-space:nowrap; 
    word-break:keep-all; 
    overflow:hidden; 
    text-overflow:ellipsis;
}   

然后html代码:

<html>
<head>
    <link href=&#