javascript - 让div动态改变高度

Question

我有一个包含 3 行的页面。第一行固定高度150px，最后一行固定高度120px。我需要根据窗口的高度调整中间行，以便所有三行都可见并且没有可见的滚动条。中间行必须动态调整，以便即使在加载后将浏览器窗口移动到另一个较小的屏幕，中间行也必须相应调整。其次，中间行的内容必须垂直居中，水平居中。感谢您的帮助。

Answer 1

高度的 CSS:

.first-row {
   height: 150px;
}

.middle-row {
   height: calc(100vh - 150px - 120px);
}

.last-row {
   height: 120px;
}