请选择 进入手机版 | 继续访问电脑版
 找回密码
 免费注册
搜索

让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?

0
回复
1313
查看
[复制链接]

44

主题

45

帖子

328

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
328
2019-10-9 09:19:13 显示全部楼层 |阅读模式
1.页面代码

  1. <table>
  2.   <tr>
  3.     <th>ip</th>
  4.     <td>网站名称</td>
  5.     <td class="wrap">域名</td>
  6. </tr>
  7. </table>
复制代码

2.css

  1. .wrap{
  2. width: 150px; //设置需要固定的宽度
  3. white-space: nowrap; //不换行
  4. text-overflow: ellipsis; //超出部分用....代替
  5. overflow: hidden; //超出隐藏
  6. }
复制代码


3.html+css

  1. <table>
  2.   <tr>
  3.     <th>ip</th>
  4.     <th>网站名称</th>
  5.     <th class="wrap" title="{{yunText.ur}}>">{{yunText.ur}}</th>
  6. </tr>
  7. </table>
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册