Primefacesダイアログは常に左下隅に表示されます

Question

私はJSFプロジェクトで1つのプライムフェイスダイアログを作成しました。それは以下のコードを持っています：

<p:dialog id="abc" modal="true" position="center" 
styleClass="pdialog-gen pdialog-gen-height-ext" style="left: 340px !important;" 
draggable="false" closable="true" appendTo="@(body)" dynamic="true" 
     resizable="false" widgetVar="ab"> 

常に左下隅に表示されます。私はそれが中心に現れるようにしたいが。私はposition属性を使っていますが、まだ左下に現れています。あなたはこれを提案できますか？

EDIT1：私は右のWebページをクリックして、それが対応するHTMLでレンダリングされているかのようなコードを見て、「要素を調査」でしたとき、私はコードの下に以下を参照してください

<div id="abc" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow pdialog-gen pdialog-gen-height-ext ui-overlay-visible" 
    style="width: auto; height: auto; left: 0px; top: 341.5px; 
visibility: visible; z-index: 1002;" 
    role="dialog" aria-labelledby="abc_title" aria-hidden="false" aria-live="polite"> 

私から知りませんそれはインラインスタイルを選んでいます。誰でもこれについて提案できますか？

編集-2 解決策を知りました。私は#abcのCSSスタイルを書いていました。ここで私は左に240pxを定義しました。解決した私のproble。スレッドが閉じられました。皆さん、ありがとうございました。

Answer 1

あなたは、これはそれが

Answer 2

p:dialogは、デフォルト設定として中央に見える中心になりますleft: 340px !important;

を削除し、そのコンテナmargin: 0 auto;を適用することもできます。 <p:dialog>タグはどこに貼っていますか？ スタイルクラスのだろう？：？

styleClass="pdialog-gen pdialog-gen-height-ext"