六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 150|回复: 0

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

[复制链接]

升级  38.67%

96

主题

96

主题

96

主题

举人

Rank: 3Rank: 3

积分
316
 楼主| 发表于 2013-2-7 23:14:43 | 显示全部楼层 |阅读模式
如果不是一定要限制字数,可以限制长度的话  
  <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中
 
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表