仿Title样式

<style type="text/css">
    /*仿 title 属性的样式*/
.newsInfo:hover {
	background: #eee;
	color: #333;
	z-index: 999;
}
.newsInfo {
	color:black;
	position: relative;
	z-index: 0;
}  
.newsInfo span {
	display: none;
} 
 /*设置正常下的span为隐藏状态*/
.newsInfo:hover span {
	display: block;
	position: absolute;
	width:auto;
	top: 28px;
	left:100px;
	border: 1px solid #cccccc;
	background: #fff;
	color: #333;
	padding: 5px;
	text-align: left;
	overflow: hidden;
}

/*截取字符串样式*/
.newInfoTruncation {
	width:auto;
	white-space:nowrap; 
	/*换行*/
	word-break:keep-all; 
	/*超过的部分隐藏*/
	overflow:hidden; 
	/*隐藏后显示省略号*/
	text-overflow:ellipsis;
}
</style>

<td class="newsInfo">AAAAA
                <span>
                    <table>
                        <tr>
                            <td>12121235434654645645</td>
                            <td>3454</td>
                        </tr>
                        <tr>
                            <td>23434545464564524645</td>
                            <td>656</td>
                        </tr>
                        <tr>
                            <td>35345345345345345345345</td>
                            <td>345345</td>
                        </tr>
                    </table>
                </span>
            </td>