在.showModal()中使用<dialog>元素时,该对话框在页面上水平和垂直居中显示。但是,如果随后调整了浏览器窗口的大小,则对话框不再居中。 ? <dialog>
<h1>
Test Dialog
</h1>
<p>
This is a test modal dialog.
</p>
</dialog> document.querySelector('dialog').showModal(); JSFiddle示例:https://jsfiddl
我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见,水平居中很容易,但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗?
编辑代码如下:
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<
我有一个带有自定义主题的对话框:
final Dialog d = new Dialog(this,android.R.style.Theme_Translucent_NoTitleBar_Fullscreen);
这使得我的对话框背景是透明的。
现在的问题是,如果我让正常的主题(style.dialog),它在我的屏幕居中,但现在它没有布局,在我的屏幕左上角。有没有办法以编程方式使对话框居中?