Как 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;
}