将primefaces对话框置于屏幕中央

时间:2012-10-31 15:20:51

标签: css user-interface dialog datatable primefaces

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

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

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

1 个答案:

答案 0 :(得分:7)

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