当一个表行的高度增加时,如何自动降低所有其他表行的高度?

时间:2016-11-29 10:23:40

标签: javascript html css html5

我正在使用html表创建一个3x3的图像网格。当光标在特定图像上时,我想增加图像的宽度和高度。现在,当我增加一个表格单元格的宽度时,该特定行中所有其他表格单元格的宽度会自动减小。不幸的是,当我增加一个表格单元格的高度时,它下面的表格单元格的高度保持不变,导致表格本身的高度增加。

如何使其他细胞的高度自动降低?

2 个答案:

答案 0 :(得分:2)

也许尝试使用flexbox而不是html表? 您可以设置自定义flex-grow和flex-shrink参数以实现您想要的效果。

您可以在那里阅读更多相关信息:https://css-tricks.com/snippets/css/a-guide-to-flexbox/

答案 1 :(得分:0)

如果我理解得很好,你想在光标在图像上方时增加宽度和高度。比只需要在悬停时增加宽度和/或高度,而不是所有情况。