如何使画布中的 div 元素居中

Question

我正在使用 javascript 函数绘制画布，它始终与窗口大小对齐。 我想要一个

<div>...</div>

元素覆盖画布并垂直和水平居中。

我唯一想到的是

position:absolue;

但又是这样

top:0;
left:0;
bottom:0;
right:0;

仅将我的元素水平居中而不是垂直居中。

所以我把它改成了。

 left:calc(50% - *divwidth*/2);
 top:calc(50% - *divheight*/2);

但这不是最佳的，并且不适用于各种窗口大小。

我认为使用纯 css 甚至可能无法做到这一点，所以我很高兴使用 JS，但我该怎么做呢？

Answer 1

您是否尝试过为 div 叠加层设置 height 和 width 的 100%？

Answer 2

来自Adrian P. 的答案Position div to center of visible area 对于我的情况和固定宽度高度 div 的效果出奇的好。在找到更好的之前，我会一直使用它。