一行右对齐

Question

我有 JSF 表，所有行都左对齐。但我想在一行上应用右对齐。我试过这个：

 <h:panelGroup styleClass="table-right">
       <h:selectBooleanCheckbox value="#{bean.method}"> </h:selectBooleanCheckbox>
 </h:panelGroup>

.table-right {
    text-align: rigth;
}

但它不起作用。为一个 h:panelGroup 应用 CSS 类并将其内容对齐到右侧的正确方法是什么？

Answer 1

如果您检查 html，您会看到 h:panelGroup 呈现为 <span>。

span-tag 是一个内联元素，这意味着它会尽可能小，并且您不能在其上设置宽度。如果您将 border: 1px solid black; 添加到 styleClass 中，您可以验证这一点。它对容器中的某些内容左对齐或右对齐都没有影响，这已经足够大了。

我认为您可以通过将 panelGroup 设为 block/inline-block 元素并在其上设置宽度来解决它：

display: inline-block;
width: 100%;