JSF 2 - Primefaces 3 Webアプリケーションでは、<p:panelGrid>
と<p:panel>
を使用しています。私はそれらの中に複数のコンポーネントがあり、それらは左寄せされています。私はセンターアラインメントにするためにすべてを必要とします。どうすればいいですかdivを使ってみましたが、動作しません。JSFコンポーネントを中央に揃える方法
答えて
生成されたHTML出力を見て、それに応じてCSSを変更してください。その後、
あなたがセンタリングしたいHTML要素がblock element(<div>
、<p>
、<form>
、<table>
など、またはdisplay: block;
によって強制)である場合、あなたはそれを知ら幅を与えるために、次にあなたがセンタリングすることができます最初の必要性要素自体のCSS margin: 0 auto;
を使用して親ブロック要素を基準にしています。
あなたがセンタリングしたいHTML要素がinline element(<span>
、<label>
、<a>
、<img>
など、またはdisplay: inline;
によって強制)である場合は、その親ブロック要素にCSS text-align: center;
を使用して、それを中央にすることができます。あなたはこれを試すことができます中央にpanelGrid:あなたはprimefacesの内容を設定したい場合は
RichFacesを使用していますが、ここで使用したソリューションはPrimefaceにも適用される可能性があります。私たちはcssを使って内部要素のスタイルを設定していました。
ブラウザでページをレンダリングしたら、ソースコードを検索し、レンダリングされるHTML要素を見つけ出す。次に特定のCSSクラスを作成し、パネル全体、またはそのクラスに対するpanelGridの内部要素のスタイルを設定します。
ほとんどの場合、これは最も簡単な解決策でもありました。
CSSで試してみて、p:panelGrid
columnClasses属性:
<p:panelGrid columnClasses="centered"> ... </p:panelGrid>
、あなたのスタイルシートでのようなクラスを作成します:
.centered { text-align: center; }
あなただけのテキスト以外のごp:panelGrid
列内のコンポーネントを持っている場合は、追加CSSクラスのmargin属性:
.centered { text-align: center; margin-left: 50%; }
<h:panelGrid column="1">
<h:panelGroup style="display:block; text-align:center">
your contents...
</h:panelGroup>
</h:panelGrid>
- 1. レスポンスグリッドを中央に揃える方法
- 2. Html:テキストを中央揃えの画像に左揃えにする方法は?
- 3. Flashbuilder:horizしたい。コンポーネントを左、中央、右に揃えます。
- 4. テキストを中央に揃えるには?
- 5. 印刷時にdivを中央に揃える方法
- 6. divを縦横に中央に揃える方法は?
- 7. LWUITを使用してリストを中央に揃える方法
- 8. WPFコントロールの中央揃え
- 9. ウェブページの中央揃え
- 10. CSS中央揃えスライドショーイメージ
- 11. 中央揃えのDIV
- 12. "====中央揃えタイトル====" in python
- 13. フッター中央揃えフロート
- 14. Javascriptポップアップウィンドウの中央揃え
- 15. RDLCファイルのレポートタイトルを中央に揃える方法
- 16. イメージのクラスタをCSSの中央に揃える方法は?
- 17. メニューを正しく中央に揃える方法
- 18. ウェブページのコンテンツを中央に揃える方法
- 19. 水平テーブルセルを中央に揃える方法
- 20. 画像をイオンのページ中央に揃える方法
- 21. Core-Plot:カスタム画像プロットシンボルを中央に揃える方法
- 22. Excel VSTOアドインでWPFウィンドウを中央に揃える方法
- 23. Androidのアクションバーに中央の項目を揃える方法
- 24. イメージをreRestructuredTextと中央揃えにする方法は?
- 25. 同じ行の左揃え、中央揃え、右揃えのテキスト
- 26. スプライトの中央揃え方は?
- 27. フレックスアイテムを中央揃えにして別のアイテムをフレックスボックスで右揃えにする方法
- 28. 他の中央揃えのテキストの隣にテキストを揃えるには
- 29. JPanelでJScrollPaneを垂直方向に中央揃えする方法は?
- 30. iphoneのHTMLページの中央揃え
この1つは魅力のように私のために働いた、あなたはアミール感謝。 –