jquery-confirm 3.2.0确认框居中，如何设置为顶部显示？

嘿，我来帮你搞定这个问题！针对jquery-confirm 3.2.0版本，有两种实用的方法可以把默认居中的弹窗调整到屏幕顶部，你可以根据需求选择：

方法一：用插件自带的配置项（推荐） #

这个方法不需要修改CSS，直接在初始化弹窗的时候配置position参数就能精准控制位置：

$.confirm({
    title: '确认提示',
    content: '你确定要执行该操作吗？',
    // 核心配置：设置弹窗对齐到屏幕顶部中央
    position: {
        my: 'top center', // 弹窗自身的对齐点：顶部中央
        at: 'top center', // 相对于屏幕的对齐点：顶部中央
        offset: '20 0'    // 微调偏移：顶部留20px间距，左右无偏移，可按需修改
    },
    buttons: {
        confirm: function() {
            // 你的确认逻辑代码
        },
        cancel: function() {
            // 你的取消逻辑代码
        }
    }
});

这里的offset参数很灵活，如果想让弹窗稍微靠右/左，调整第二个数值就行，比如'20 50'就是顶部往下20px，往右50px。

方法二：自定义CSS覆盖默认样式 #

如果配置项满足不了你的需求，或者想批量修改所有弹窗的位置，可以直接写CSS覆盖插件的默认样式：

/* 改变弹窗容器的对齐方式，从垂直居中改为顶部对齐 */
.jconfirm {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding-top: 30px; /* 顶部间距，可按需调整 */
}

/* 移除弹窗自身的默认margin，避免额外间距 */
.jconfirm .jconfirm-box {
    margin-top: 0 !important;
}

把这段CSS放到你的项目样式文件里，或者页面的<style>标签中，注意要确保这段CSS在jquery-confirm的官方样式之后加载，这样才能有效覆盖默认样式。

小提示 #

• 如果你用方法一，记得确认你的jquery-confirm版本确实是3.2.0，这个版本是支持position对象配置的；
• 方法二中的!important是为了确保样式优先级足够高，如果你的样式文件加载顺序靠后，也可以尝试去掉!important看看效果。

内容的提问来源于stack exchange，提问作者MLK