Rechte Ausrichtung für eine Zeile

Question

Ich habe JSF-Tabelle mit linker Ausrichtung für alle Zeilen. Aber ich möchte die richtige Ausrichtung in einer Zeile anwenden. Ich habe das versucht:

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

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

Aber es funktioniert nicht. Was ist der richtige Weg, CSS-Klasse für eine h: panelGroup anzuwenden und den Inhalt auf der rechten Seite auszurichten?

Answer 1

Wenn Sie den HTML-Code überprüfen, sehen Sie, dass h:panelGroup als <span> gerendert wird.

Das span-Tag ist ein Inline-Element, dh es ist so klein wie möglich und Sie können keine Breite einstellen. Sie können dies überprüfen, wenn Sie der styleClass beispielsweise border: 1px solid black; hinzufügen. Es hat keinen Effekt, etwas in einem Container links oder rechts auszurichten, das gerade groß genug ist.

Ich glaube, Sie es, indem die panelGroup ein block/inline-block Element lösen kann und eine Breite auf sie setzen:

display: inline-block; 
width: 100%;