Gmail如何隐藏主题行溢出？

Question

Gmail如何隐藏/剪辑/截断其主题行溢出？

这不仅仅是简单的溢出:隐藏,因为我已经尝试了所有这些.它必须是精心制作的东西.

表格的宽度是100%而不是固定宽度,表格布局不是"固定"的,所以解决方案也不能使用它.只有一列伸展,其余的是固定宽度.我已经尝试了我可以在网上找到的所有内容,他们都使用table-layout ="fixed"作弊.

Answer 1

哦,他们在细胞中放了一个div overflow: hidden;,然后是那个主题.

我自己在一个网站上做过; 一个片段:

HTML:

<td class="vtc"><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></td>

CSS:

.vtc {
    width: 144px;
    height: 16px;
    line-height: 16px;
    text-indent: 10px;
}

.vtc div {
    overflow: hidden;
    height: 16px;
}