css - 将 Bootstrap Popover 垂直居中到视口(viewport)

Question

我试图让我所有的弹出窗口垂直居中于视口(viewport)。我的元素要求阻止我使用 Bootstrap Modal，这将是一个更容易的选择。

因此，弹出窗口会在链接点击时触发。已将链接设置为

position: relative;

至于Bootstrap popover div，已经设置为

position: absolute;

我已经尝试将 body 显示设置为 table-cell，将 bootstrap popover div 设置为 table-cell 和 vertical-align: middle;但没有任何效果。

无法给你们一个示例代码。非常感谢任何帮助。

Answer 1

position: absolute;

是基于parents元素定位，position relative, absolute or fixed.

删除 position: relative; 的链接或尝试 position: fixed 而不是 absolute。