gpt4 book ai didi

javascript - 让div动态改变高度

转载 作者:太空宇宙 更新时间:2023-11-04 02:08:23 26 4
gpt4 key购买 nike

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

最佳答案

高度的 CSS:

.first-row {
height: 150px;
}

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

.last-row {
height: 120px;
}

关于javascript - 让div动态改变高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40235588/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com