html - 如何在内容增长时阻止表格调整大小?

标签 html css html-table

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

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

是否有使用 CSS 解决此问题的优雅解决方案?我宁愿不使用任何 JavaScript。

最佳答案

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

关于html - 如何在内容增长时阻止表格调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9523927/

相关文章:

javascript - 选择一个单选按钮后,我希望禁用其余按钮

css - CSS 旋转后垂直和水平对齐文本

html - 如何在IE中使div的高度为表格单元格的100%

html - 响应时间轴向右移动点

html - 我的个性化 css 影响 uikit.css 在导航光标上的工作

html - 文本太靠近屏幕边缘

javascript - 单击后保留边框/阴影

html - 我怎样才能使这个媒体查询工作以垂直查看菜单?

html - 为可访问的 <table> 编写准确的 <th>

html - 删除 TD 元素之间的间距