我是这样做的(您需要添加一个类 ,<td>
并将其放在a之间<span>
:
<td class="text"><span>looooooong teeeeeeeeext</span></td>
.table td.text {
max-width: 177px;
span {
white-space: Nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 100%;
}
}
.table td.text {
max-width: 177px;
}
.table td.text span {
white-space: Nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 100%;
}
而且它仍将是移动响应的(通过layout = fixed将其忘记)并将保持原始行为。
:当然, 是自定义尺寸(输入您需要的尺寸)。