1

たとえば、現在、X ボタンを含む私のページに panelGrid を追加しようとしています。各ボタンの長さは、テキストが関連付けられている長さによって異なります。X 個のボタンの幅を手動で設定する代わりに、すべてのコンポーネントが panelGrid 自体の幅に合わせて拡大されるように panelGrid レベルで指定できるようにしたいと考えています。

columnClasses に関連し、CSS を介して幅を設定する必要がありますが、私が行った試みはうまくいきませんでした。たとえば、panelGrid の styeClass を幅 100px のクラスに設定します。次に、ColumnClass をその CSS クラスにも設定しようとしましたが、まだサイコロはありません。

考え?

4

1 に答える 1

2

このためにpanelGrid...

  <h:panelGrid styleClass="panelGridClass" columns="2">
    <h:commandButton value="b1" />
    <h:commandButton value="button 2" />
    <h:commandButton value="button 3 is really long" />
    <h:commandButton value="b4" />
  </h:panelGrid>

次の CSS を使用して、ボタンを等幅に設定できます。

TABLE.panelGridClass {
    width: 300px;
}
TABLE.panelGridClass TR TD {
  width: 50%;
}
TABLE.panelGridClass TR TD INPUT {
    width: 95%;
}

これにより、テーブルの幅が 300 ピクセルになり、セルがテーブルの半分の幅になり、ボタンがセル幅の大部分を占めるように設定されます。ボタンの自然な長さが 150px を超える場合、列の幅が等しくない可能性がありますが、オーバーフロー ルールなどを使用してそれを克服できる可能性があります。

于 2009-10-01T09:41:58.870 に答える