html table 隐藏多出来的文字
overflow:hidden;direction: rtl; 显示文本的最后
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<table id="contentTable" class="table table-striped table-bordered table-condensed" style="table-layout: fixed;overflow:hidden;direction: rtl;">
<tr>
<td>3</td>
<td style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis" οnmοusemοve="removeClassType(this)">q</td>
<td width="40%">5</td>
</tr>
<tr>
<td contentEditable="true"></td>
<th contentEditable="true" style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis" onmouseover ="removeClassType(this)">ttp://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js</th>
<td>5</td>
</tr>
</table>
<script>
function removeClassType($this) {
$($this).attr("title",$this.innerText);
}</script>
</body>
</html>