不知道你们有没有遇到过在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 : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关