时间戳

首页 > 解决方案 > 在屏幕上居中一个 window.confirm 对话框

javascript - 在屏幕上居中一个 window.confirm 对话框

问题描述

我有以下对话框可以正常工作，但是，我无法让它在页面上居中：

<Button variant="danger" onClick={() => { if (window.confirm('Delete character?')) handleCharacterDeletion(row.original) }}>DELETE</Button>

该框出现在页面顶部，但我希望它位于中间。

我尝试将整个东西包装在一个标签中，但实际上并没有做任何一件小事。

有没有办法让我的对话居中？

谢谢

标签： javascriptcssreactjs

解决方案

无法将Window界面（例如：window.alert、window.confirm...）居中，因为它是您的网络浏览器的原生界面。

但是，您可以使用库（Micromodal、Fancybox）或从头开始制作模式。

推荐阅读