Ответ 1
<h:panelGrid>
отображает таблицу HTML. В основном вы хотите применить text-align: right;
к каждому элементу <td>
, который он отображает. В текущем коде проще всего применить следующее:
#authenticate table td {
text-align: right;
}
Конечно, вы можете быть более конкретными, например. давая <h:panelGrid>
свой собственный styleClass
и определяя правило в CSS (которое будет применяться непосредственно к визуализированному элементу HTML <table>
).
<h:panelGrid styleClass="className">
с
.className td {
text-align: right;
}
Вы также можете дать каждому элементу <td>
свой собственный класс атрибуту columnClasses
, который принимает заархивированную строку имен классов CSS, которые должны применяться повторно к элементам <td>
. Если вы хотите применить один и тот же класс к каждому элементу <td>
, просто укажите его один раз:
<h:panelGrid columnClasses="className">
с
.className {
text-align: right;
}
В качестве дополнительной подсказки: щелкните правой кнопкой мыши веб-страницу в веб-браузере и выберите "Просмотр источника", затем вы поймете, что именно JSF полностью генерирует.