table中的td限制宽度width也不能让字符过长变成省略号生效?

1 篇文章 0 订阅

不知道你们有没有遇到过在table中就算限制了td的长度width,也不能让过长的字符变成省略号。
比如:

<!--超出字符隐藏;宽度;不换行;超出字符变成省略号-->
<td style="overflow:hidden;width:200px;white-space:nowrap;text-overflow:ellipsis;">
这里的字符过长的话会变成省略号的,你知道吗
</td>

但是上面代码却不生效;原因是:
还要在table的样式加上

<table style="table-layout: fixed;">

或者迂回解决一下这个问题:


<td>
<div title="${guaranteeTime}" style="width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">${guaranteeTime}</div>
</td>

参数介绍:
table-layout : auto | fixed
  参数:
  auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
  fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值