gpt4 book ai didi

html - CSS flex : Vertically centered items that are taller than the viewport

转载 作者:行者123 更新时间:2023-12-05 08:09:02 25 4
gpt4 key购买 nike

<分区>

所以我使用 CSS flex 创建垂直居中的模态弹出窗口(align-items: center;)。问题在于,当模态框高于视口(viewport)(并且可滚动)时,Flex 会优先考虑“居中”,从而使模态框的顶部不可访问。

有没有人找到解决这个问题的方法?我可以使用媒体查询使所有模态 flex-start 对齐,但我仍然希望较小的模态垂直居中。

我曾想过尝试使模态 flex-shrink;始终适合 100% 的视口(viewport),但它需要滚动(并允许内容适合页面下方)所以不确定!

.outer {
display: flex;
align-items: center;
}

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