如果不是一定要限制字数,可以限制长度的话
<table style="table-layout:fixed;"><tr><td width=80>
<div style="width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">超级神奇的省略号</div>
</td></tr></table>
css:
width: 50%;
padding-left: 10px;
看看效果图:
加上一下的CSS代码后:
overflow:hidden; 隐藏超出范围的数据不显示
text-overflow:ellipsis; 超出的数据显示为 .......
white-space:nowrap; 超出的数据不换行
看看,这样才好看嘛:
多整齐!
太强了!多余的就会以........的形式显示出来
<table>
<tr>
<td><input type="hidden" maxlength="你想要的长度"></td>
</tr>
</table>
把从数据库中提出来内容放到hidden的value中