twitter-bootstrap – Twitter Bootstrap – Center Modal Dialo

发布时间：2020-12-18 00:14:11 所属栏目：安全来源：网络整理

导读：我正试图在屏幕中间居中一个等待屏幕模式对话框.这是我想要改变的模态对话框： http://dotnetspeak.com/2013/05/creating-simple-please-wait-dialog-with-twitter-bootstrap.如何水平和垂直居中？解决方法这只是将一些CSS应用于pleaseWaitDialog ID的问题

我正试图在屏幕中间居中一个等待屏幕模式对话框.这是我想要改变的模态对话框： http://dotnetspeak.com/2013/05/creating-simple-please-wait-dialog-with-twitter-bootstrap.如何水平和垂直居中？

解决方法

这只是将一些CSS应用于pleaseWaitDialog ID的问题.你必须设置位置：绝对值,margin-top和margin-left需要是高度和宽度的一半.所以你的CSS应该是这样的：

#pleaseWaitDialog {
    width: 400px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -200px;
    padding: 20px;
}

你需要玩这些数字才能达到你想要的盒子大小,但这应该可以让你开始.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!