bootstrap模态框居中

stumpx

于 2017-02-21 15:22:55 发布

阅读量440

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/stumpx/article/details/56284080

bootbox 同时被 2 个专栏收录

2 篇文章

订阅专栏

modal

1 篇文章

订阅专栏

本文介绍了一种使模态框在页面上居中的CSS样式实现方法。通过将模态框设置为表格，并将其宽度固定为600像素，同时使用`table-cell`和`vertical-align:middle`属性使其在垂直方向上居中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 模态框居中 */

.modal {
    display: table;
    width: 600px;
    height: 100%;
    margin: 0 auto;
}

.modal-dialog {
    display: table-cell;
    vertical-align: middle;
}

/* /模态框居中 */