代码改变世界

表格超出部分隐藏

2014-08-08 14:27  河水  阅读(705)  评论(0)    收藏  举报

<html>
<head>
<style type="text/css">
td{
white-space:nowrap;text-overflow: ellipsis;overflow: hidden;
}
</style>
</head>
<body>
<table width="350px" border="1" cellspacing="0" cellpadding="0" style="table-layout:fixed;">

<colgroup>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>
<col style="width: 10%;"></col>

<!--可以用来分配列宽-->
</colgroup>


<tr>
<td width="200">注意:表格必须要设置宽度</td>
<td style="">超长的不希望换行而希望能自动隐藏的内容，超长的不希望换行而希望能自动隐藏的内容</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>