短td内容匹配td宽？

Question

我的表行中有问题！

我的HTML代码

<table border=1 width=100%>
<tr>
<td>
My post subject
</td>
<td>
My post small content/description goes here , 
test small description , test small description , test small description
</td>
<td>
post auther
</td>
<td>
post date
</td>
</table>

如果你最小化屏幕

td高度将变得倍增！

所以我想让桌子高度不受影响！

我认为这是不可能的！

所以我在google gmail中找到了技巧

他们使用这个技巧

他们只展示了一些td内容！

例如：

我的真实内容是

My post small content/description goes here , 
test small description , test small description , test small description

如果你最小化了屏幕

它将缩短为

My post small content/description goes here , 
test small description 

匹配td宽度！

我在最小化之前和之后从google gmail拍了一张照片

我还在最小化之前和之后为我的页面拍了一张照片！

谷歌解释图片：

我的页面图片：

我认为他们是通过javescript完成的！

因为页面不包含css代码！

- 编辑 - 回复乔

我尝试了你的代码并发现了新问题

请再次看图片，看看我的问题！

谢谢

Answer 1

你可以用

伪造它

<td style="white-space: nowrap; overflow: hidden;">
    My post small content/description goes here , 
    test small description , test small description , test small description
</td>

如果您愿意，显然您可以将其定义为单独样式表中的CSS类或规则。为简单起见，我已将其显示为内联：）