css - 如何使用 CSS 将列的内容设置为顶部而不是 JSF、primefaces 中的中心？

Question

我有一个带有一些列的 panelGrid，但一列的内容始终位于中心，我怎么不能把它放在首位。我有 2 列，当它们的内容高度不同时，列将保持在中心，太糟糕了。求帮助！

score 2 · Accepted Answer

您需要在生成的 HTML元素上设置 CSSvertical-align属性。假设您想在整个所有页面上应用它，那么应该这样做：top<td> <p:panelGrid>

.ui-panelgrid td {
    vertical-align: top;
}

或者，如果您只想将其应用于特定<p:panelGrid>对象，请执行以下操作：

<p:panelGrid ... styleClass="aligned-top">

和

.ui-panelgrid.aligned-top td {
    vertical-align: top;
}

或者，如果您只想将其应用于特定<p:panelGrid>列，例如仅第二列，则执行以下操作：

<p:panelGrid ... columns="3" columnClasses="none,aligned-top,none">

和

td.aligned-top {
    vertical-align: top;
}

1 回答 1