用css控制td中文字长度的限制和自动隐藏
仅在td的css中使用“overflow:hidden;”是看不到效果的,写法应该是:
<style type="text/css">
td {overflow:hidden; text-overflow:ellipsis;}
</style>
<table width="100%" border="1" cellpadding="2" cellspacing="2" bordercolor="#CCCCCC" style="table-layout:fixed">
<tr>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
</tr>
</table>
注意table-layout:fixedtd {overflow:hidden; text-overflow:ellipsis;}
</style>
<table width="100%" border="1" cellpadding="2" cellspacing="2" bordercolor="#CCCCCC" style="table-layout:fixed">
<tr>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
<td>afdsssssssssssssssssssssssssasdfasdfasdfasdfasdf</td>
</tr>
</table>

浙公网安备 33010602011771号