……里的字数100,只显示其中20个

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

 

看看效果图:


<td>……</td>里的字数100,只显示其中20个
 

 

 加上一下的CSS代码后:
 overflow:hidden;   隐藏超出范围的数据不显示
 text-overflow:ellipsis;   超出的数据显示为 .......
 white-space:nowrap;    超出的数据不换行

 

看看,这样才好看嘛:


<td>……</td>里的字数100,只显示其中20个
 

 

多整齐!

 

太强了!多余的就会以........的形式显示出来

 

 

<table>  
  <tr>  
  <td><input   type="hidden"   maxlength="你想要的长度"></td>  
  </tr>  
  </table>  
  把从数据库中提出来内容放到hidden的value中

 

 

你可能感兴趣的:(css)