如何减少Primefaces中p：tabView中的空格？

Question

我正在使用Primefaces V3.3.1并想减少p：tabView中的空格。 在这种情况下，我有2个嵌套的p：tabView和p：dataTable。屏幕的房地产对我们来说非常昂贵，所以我想减少红色和蓝色的空间。所以，  问题1：如何减少p：tabView（涂成红色）内的空格？  问题2：如何减少p：dataTable周围的空格（涂成蓝色）？

提前致谢。

Answer 1

首先你应该学习一些关于CSS的内容......你所谓的“内部空间”是填充css属性，你所谓的“空间周围”是边缘。 无论如何，要减少选项卡的填充，请将以下样式添加到css文件中：

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

这将减少所有标签视图的平移。如果您希望此样式仅应用于某些tabView，则应使用tabView的styleClass属性，然后将css规则替换为.youTabClass .ui-tabs .ui-tabs-panel

至于数据表......数据表本身没有余量。但似乎在你模糊的截图中，桌子周围有一个面板。 p：面板也有填充。减少面板的填充：

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

这也适用于所有面板，因此您应该使用atyleClass使这种样式特定于面板。