在 HTML 表格的 <td> 中设置最小宽度

Question

我的表有几列。

每列都应该有动态宽度，这取决于浏览器窗口的大小。另一方面，每列不能太小。所以我尝试为这些列设置 min-width 但它不是有效属性。也尝试了 min-width <td> 但这也是无效的属性。

有什么方法可以为 HTML 表格中的 col/td 设置 min-width 吗？

原文由 Thanhma San 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这个：

 <table style="border:1px solid">
<tr>
    <td style="min-width:50px;border:1px solid red">one</td>
    <td style="min-width:100px;border:1px solid red">two</td>
</tr>
</table>

原文由 postgresnewbie 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

min-width 和 max-width 属性无法按照您对表格单元格的预期方式工作。从 规格：

在 CSS 2.1 中，’min-width’ 和 ‘max-width’ 对表格、内联表格、表格单元格、表格列和列组的影响是未定义的。

这在 CSS3 中没有改变。

原文由 Oleg 发布，翻译遵循 CC BY-SA 3.0 许可协议