1行の右揃え

Question

すべての行に対して左揃えのJSF表があります。しかし、私は1つの行に右揃えを適用したいと思います。私はこれを試しました：

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

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

しかし、それは動作していません。 1つのh：panelGroupにCSSクラスを適用し、そのコンテンツを右側に整列させる適切な方法は何ですか？

Answer 1

htmlを調べると、h:panelGroupは<span>と表示されます。

スパンタグはインライン要素です。つまり、できるだけ小さく、幅を設定することはできません。これを確認するには、border: 1px solid black;をstyleClassに追加します。コンテナ内の何かを左揃えまたは右揃えにすることは効果がありません。それだけで十分です。

私はあなたがpanelGroupblock/inline-block要素を作り、その上に幅を置くことによってそれを解決することができると思います。

display: inline-block; 
width: 100%;