如何在画布中居中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

您是否尝试过为height和width 100%提供div叠加？

Answer 2

Adrian P.中Position div to center of visible area的答案 对我的表壳和固定宽度高度div工作得非常好。我将使用它，直到找到更好的。