内容增长时如何阻止表格调整大小？

Question

我有一个 table ，其中的单元格充满了图片。当您将鼠标悬停在图片上时，我希望图片变大，并且我希望表格的单元格保持相同的大小。

将 img 样式更改为 --- position:relative 不起作用。将其更改为 position:absolute 确实有效，但我不知道图像的绝对位置。

有没有使用 CSS 解决这个问题的优雅方法？我宁愿不使用任何 JavaScript。

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

Answer 1

使用 style="table-layout:fixed;" ，但这会使文本或图像与其他列重叠，以防超出宽度。确保不要放置没有空格的长文本短语。

原文由 Alex G de A 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将 table-layout: fixed 用于您的表格，并为表格本身和/或其单元格使用一些固定宽度。

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