java - JSF 将 text w. r.t 包装到下一行中它自己的起始索引

Question

我有一个可输出的<h:outputLabel id="label1" value="Project Name"/> .接下来我还有另一个<h:outputLabel id="label2" value="#{XXBean.details.projectName}"/>
两个标签均位于 <p:fieldset> 内
label2 将根据 bean 中的值进行渲染。label2 将在下一行中换行，但换行的文本应从 label2 的起始索引开始，而不是从 label1 的起始索引开始。

我试过<h:outputLabel style="white-space: pre;word-wrap: break-word;" />
但它以直线显示 label2 并扩展了字段集的大小。并且它没有按照下面给出的预期结果包装它。

Actual result I am getting : 

 label1:labellabel2label2label2label2label2label2label2label2label2
 label2label2label2label2

Expected :

label1:labellabel2label2label2label2label2label2label2label2label2
       label2label2label2label2

请建议我获得预期的输出。

Answer 1

第一个标签具有固定宽度(其唯一的“项目名称”值)，第二个标签取决于标签包装器(例如字段集)的宽度。

#label1{
    display: inline-block;
    vertical-align: top;
}
#label2{
    display: inline-block;
    width: 66%;
}

设置正确的 label2 宽度取决于包装器。

替代方案:将标签显示为表格单元格。

#label1{
    display: table-cell;
    vertical-align: top;
}
#label2{
    display: table-cell;
}