将primefaces对话框置于屏幕中央

Question

在不同的页面中有相当多的对话框,并且将它们放置在屏幕的中心,我想应用一个CSS.然而,这不起作用.

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

在向css添加.ui-dialog-content,ui-dialog-titlebar时,对话框的某些部分显示在左上角,一些部分位于中心,有些部分重叠.如何使对话框弹出屏幕中央.谢谢

Answer 1

你不应该使用CSS来对齐primefaces对话框.默认情况下,它们居中.所以我建议你删除任何自定义css到中心对话框,如果仍然没有居中对话框提交问题到primefaces.