問題タブ [panelgrid]

selectoneradio選択後に表示または非表示にするprimefacesコントロールを使用していpanelgridます。panelgridしかし、allTeachers ラジオを選択したときにこれを非表示にできない理由がわかりません。

私はprimefaces panelgridを使用して、1行2列にしています。2 番目の列には、selectoneradio と calendar があります。それらを同じ行に表示する方法は??

次のように、ある panelGrid を別の panelGrid に含めようとしています。

次のようなhtmlを生成しました：

...問題は、css text-align:center :P にもかかわらず、panelGrid "B" が常に左に揃えられることです。

それが私がEclipse Webエディターに持っているものです:

それが私がfirefoxに持っているものです：

だから私の質問は、含まれている panelGrid(s)を eclipse wtp css editor で見つける方法ですか?

ありがとう

マイページ: ---

何かが原因で、panelGrid が複数の行に空のセルを作成しています。

最初の列にラベル、2 番目の列に inputText 要素、またはツールチップ付きの selectMenu を表示する 2 列のテーブルが必要です。

私の回避策はこれでした。3列のテーブルを作成し、panelGridが空のセルを作成しないことを決定した場合、 a を追加して、<br></br>そうするように促します。

これはバグですか？ここで何が欠けていますか？

編集：ああ、きちんと！私は最小限の例を作成することができましたが、それでも同じ問題があります:D https://gist.github.com/WurmD/f3cb45669e6871acc77462f34891862f

スクリーンショット - 画像を投稿するには 10 人の担当者が必要です

これは 3 列の h:panelGrid ですが、3 番目のセルが何かに占有されています。

EDIT2: p:panelGrid と同じ動作

私は CSS を初めて使用し、レイアウトに問題があります。

モバイルでない限り、水平に配置する 4 つのボタンがあります。モバイルの場合は、垂直に積み重ねる必要があります。

私は現在持っています：

デスクトップ モードでは、ボタンが幅が広すぎる (各 25%) ため、ボタンが画面の 100% に収まるように引き伸ばされたくないので、必要な生成コードは次のとおりです。

しかし、私が得るものは次のとおりです。

これが、4 つのボタンがそれぞれ画面幅の 25% を占める理由です。

ボタンの応答性を維持する方法を提案してもらえますか?デスクトップでは、4 つのボタンが画面幅の 100% (それぞれ 25%) を占めませんか?