您当前的位置: 首页 >  前端

浪荡子爱自由

暂无认证

  • 4浏览

    0关注

    74博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【前端】td中内容过长,设置固定长度,其余部分用省略号显示

浪荡子爱自由 发布时间:2021-07-13 21:15:00 ,浏览量:4

问题:

表格中显示的内容过长,导致表格变形。如果表格中有比较长的链接地址,即使设置了列宽,设置宽度会无效。

解决方法:

table设置样式:

table-layout: fixed;  // table的内部布局固定大小

td设置样式:



    td {
         white-space:nowrap;  //   规定段落中的文本不进行换行
         overflow:hidden;    // 关闭滚动条
         text-overflow: ellipsis;    // 溢出的文字显示为省略号
    }

如果想要查看所有内容,使用td标签的title属性,只要光标停留在td处就可以显示全部的内容

关注
打赏
1647272175
查看更多评论
立即登录/注册

微信扫码登录

0.1427s