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

标签 javascript css html

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

如何使其他单元格的高度自动降低?

最佳答案

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

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

关于javascript - 当一个表格行的高度增加时,如何自动降低所有其他表格行的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40863389/

相关文章:

javascript - 需要使用子节点显示列表中的文本

javascript - 我怎样才能使这个 jQuery 与浏览器 "back"按钮配合得很好?

php - 电子邮件表格问题

javascript - 滚动 JAVASCRIPT 跳过一张图片并转到下一张?

css - 动画时边界半径消失

javascript - 补偿 Moment.js 中的 utcOffset

javascript - Bootstrap 3 - 基于值的自动背景颜色

html - 为什么 -[UIWebView sizeThatFits :] give a larger size than document. body.offsetHeight/Width?

javascript - 灯箱在 IE8 中不工作

javascript - 获取元素名称的标准兼容方式