При этом отправитель получателя исправит левую сторону, а ваша дата будет обниматься справа от вашего окна.Нет JavaScript!
<html>
<head>
<title>SO</title>
<style>
#content
{
margin-right: 10px;
width: 100%;
}
#receiver, #sender, #subject, #date
{
padding-right: 5px;
}
#receiver
{
width: 50px;
}
#sender
{
width: 50px;
}
#subject
{
width: 100%;
overflow: hidden;
}
#date
{
width: 50px;
}
</style>
</head>
<body>
<table id="content">
<tr>
<td>
<div id="receiver">
Receiver
</div>
</td>
<td>
<div id="sender">
Sender
</div>
</td>
<td id="subject">
<div style="height: 20px;">
This is my long subject that hides its self when the window is too narow.
</div>
</td>
<td>
<div id="date">
May 6
</div>
</td>
</tr>
</table>
</body>
</html>
Вы можете изменить content width на желаемое percentage или auto и / или установить margin s.
Вы можетене то, чтобы он работал лучше, чем Google, в том смысле, что если тема слишком длинная, то она тоже скрыта.Я просто перепутал мой и положил отправителя туда, где он должен быть в порядке sender receiver subject emailContent Date, но вы точно поймете.