css - 将 primefaces 对话框置于屏幕中央

Question

不同页面中有很多对话框，为了将它们定位在屏幕的中心，我想应用一个 css。然而这并没有奏效。

   .ui-dialog{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
  }

在将 .ui-dialog-content、ui-dialog-titlebar 添加到 css 时，对话框的某些部分显示在左上角，一些在中心，还有一些重叠。如何使对话框在屏幕中央弹出。谢谢

Answer 1

您不应该使用 CSS 将 primefaces 对话框居中。默认情况下，它们是居中的。所以我建议您删除任何自定义 css 以使对话框居中，如果仍然对话框未居中，则向 primefaces 提交问题。