在panelGrid行之间减少间距

Question

我使用的是primefaces、panelGrid、row和column。代码如下。我不想减少行间距。我该怎么办?

<p:panelGrid>
    <p:row>
        <p:column>row 1 col1</p:column>
        <p:column>row 1 col2</p:column>
    </p:row>
    <p:row>
        <p:column>row 2 col1</p:column>
        <p:column >row 2 col2</p:column>
    </p:row>
    <p:row>
        <p:column>row 3 col1</p:column>
        <p:column >row 3 col2</p:column>
    </p:row>
    <p:row>
        <p:column>row 4 col1</p:column>
        <p:column >row 4 col2</p:column>
    </p:row>
</p:panelGrid>

Answer 1

通过添加这个css行高降低。"默认值为4px 10px"。

.ui-panelgrid td {
    padding: 2px 5px ;
}

Answer 2

最后，您将希望使用CSS来更改应用于生成标记的样式。

根据您的实际需要，您可能希望为panelgrid分配一个id，并在样式表中选择使用该id。为tr元素应用适当的CSS margin/padding属性。

查看源代码或使用浏览器的检查器来缩小正在生成的标记;这将使你更容易弄清楚你到底需要写什么CSS。