限制字的长度,不限制字的个数

如果不是一定要限制字数,可以限制长度的话  
  <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中

你可能感兴趣的:(数据库,css,table,div)