HTML CSS 如何阻止表格单元格扩展

Question

我有一个表，它是用来自返回数据集的内容构建的。我想要做的是阻止“描述”单元格扩展超过 280 像素宽，无论内容长度(它的 s 字符串)是多少。我试过:

<td align="left" valign="top" style="overflow:hidden;" nowrap="nowrap" width="280px" >

但这似乎行不通。我不希望它换行，也不希望显示任何超过 280 像素的内容。

Answer 1

看来您的 HTML 语法对于表格单元格不正确。在你尝试下面的其他想法之前，确认这是否有效......你也可以尝试将它添加到你的表格本身:table-layout:fixed.. .

<td style="overflow: hidden; width: 280px; text-align: left; valign: top; whitespace: nowrap;">
   [content]
</td>

新的 HTML

<td>
   <div class="MyClass"">
       [content]
   </div>
</td>

CSS 类:

.MyClass{
   height: 280px; 
   width: 456px; 
   overflow: hidden;
   white-space: nowrap;
}