今天在弄让标签中多余的文字以省略号显示时， 遇到一个有意思的问题， 道友请看
代码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
table{
table-layout: fixed;
/*这个属性的默认值是：auto， 表示表格的宽高会随着内容的改变而改变*/
}
.tt1{
width:150px;
white-space:nowrap; /*对于长的字符不进行换行*/
text-overflow:ellipsis;/*过长的字符会以省略号显示*/
overflow:hidden;/*超过长度的内容会自动隐藏*/
}
</style>
</head>
<body>
<table>
<tr>
<td class='tt1'>
dsandkjsdsandkjsadddddsankdsajdklsajdlsadsa
dsandkjsdsandkjsadddddsankdsajdklsajdlsadsa
dsandkjsdsandkjsadddddsankdsajdklsajdlsadsa
dsandkjsdsandkjsadddddsankdsajdklsajdlsadsa
dsandkjsdsandkjsadddddsankdsajdklsajdlsadsa
</td>
</tr>
</table>
<div class='tt1'>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</div>
<hr/>
</body>
</html>
