1

Primefaces V3.3.1を使用していて、p：tabView内のスペースを減らしたい。 レイアウト この場合、2つのネストされたp：tabViewとp：dataTableがあります。また、画面のスペースは非常に高額なので、赤と青で表示されるスペースを減らしたいと思います。では、質問1：p：tabView（赤く塗られている）内のスペースを減らすにはどうすればよいですか？質問2：p：dataTable（青く塗られている）の周りのスペースを減らすにはどうすればよいですか？

前もって感謝します。

4

1 に答える 1

4

まず、cssについて何かを勉強する必要があります...「内部のスペース」と呼ばれるものはパディングcssプロパティであり、「周囲のスペース」と呼ばれるものはマージンです。とにかく、タブのパディングを減らすには、cssファイルに次のスタイルを追加します。

.ui-tabs .ui-tabs-panel {
      padding: 5px 5px;
}

これにより、すべてのタブビューのパンが減少します。このスタイルを一部のtabViewにのみ適用する場合は、tabViewのstyleClass属性を使用してから、cssルールを次のように置き換えます。.youTabClass .ui-tabs .ui-tabs-panel

そして、データテーブルに関しては..データテーブル自体にはマージンがありません。しかし、ぼやけたスクリーンショットには、テーブルを囲むパネルがあるようです。p：panelにもパディングがあります。パネルのパディングを減らすには：

.ui-panel .ui-panel-content {
     padding: 5px 5px;
}

また、これはすべてのパネルに適用されるため、atyleClassを使用して、このスタイルをパネルに固有にする必要があります。

于 2012-07-19T12:01:29.947 に答える