这是一个由两部分组成的问题：
-
当您不知道模态的确切高度时，如何将模态垂直放置在中心
-
模态是否可以居中并在模态主体中具有overflow:auto，但前提是模态超过屏幕高度
我试过使用这个：
.model对话框{
身高：80%！重要；
垫面：10%；
}
.模态内容{
身高：100%！重要；
溢出：可见；
}
.模态体{
身高：80%；
溢出：自动；
}
当内容比垂直屏幕大得多时，这给了我所需的结果，但对于小模式内容，它几乎不可用
.modal{
文本对齐：居中；
}
@媒体屏幕和（最小宽度：768px）{
.莫代尔：以前{
显示：内联块；
垂直对齐：中间对齐；
内容：“；
身高：100%；
}
}
.模态对话框{
显示：内联块；
文本对齐：左对齐；
垂直对齐：中间对齐；
}
然后调整一点。淡入淡出类以确保它出现在窗口的顶部边框之外，而不是中间