这是一个两部分的问题:
>当你不知道模态的确切高度时,如何将模态垂直放在中心?
>是否可能有模态中心和溢出:auto在模态体,但只有模态超过屏幕高度吗?
我已经尝试使用这:
.modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; }
解决方法
.modal { text-align: center; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
并调整一点点.fade类,以确保它出现在窗口的顶部边框之外,而不是中心