html 表格及div文本超长显示...

4 篇文章 0 订阅


      <table class="table_main1">
                <tr *ngFor="let col of dataList1 ">
                    <td title="{{col.InfoTitle}}" (click)="onTile(col)" class="table_tl">
                        <a href="javascript:void(0);">
                            {{col.InfoTitle}}
                        </a>
                    </td>
                    <td class="table_time">{{col.InfoTime}}</td>
                </tr>
            </table>

//加 td样式 即可实现效果 
.table_tl{
       white-space:nowrap;//截断
       overflow:hidden;//隐藏滚动条
       text-overflow:ellipsis;//显示小点...
        cursor:pointer;//鼠标小手 
    }

//如果td样式加上 不管用 则table 加上此样式
.table_main1{
       table-layout: fixed;
}

div 同理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值