Gmail如何隐藏/剪辑/截断其主题行溢出?
这不仅仅是简单的溢出:隐藏,因为我已经尝试了所有这些。它必须是精心制作的东西。
表的宽度是100%而不是固定宽度,表格布局不是“固定”的,所以解决方案也不能使用它。只有一列伸展,其余的是固定宽度。我已经尝试了我在网络上找到的所有内容,他们都使用table-layout =“fixed”作弊。
答案 0 :(得分:5)
哦,他们在overflow: hidden;
的单元格中加了一个div,然后是那个主题。
我自己在一个网站上做过;一个片段:
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;
}