css - 强制换行 OutputLabel

Question

我有一个outputLabel，其中包含很多文本(大约5000个字符的文本)，outputLabel必须在该行大约200px之后添加一个新行，这可能吗？

<p:outputLabel value="#{object.body}" />
<p:outputLabel value="#{object.body}" style="width: 200px" />

此代码无效:

public String getBodyWithLineBreaks(){
    return body.replaceAll("(.{100})", "$1<br/>");
}

这也不是解决方案，因为此方法不会查看单词是否完成，它只是在第 100 个字符处开始一个新行。

更多代码:

<p:dataTable id="dataTable" var="object" value="#{notificationOverview.objects}">

     <!--Some more columns...-->  

    <p:rowExpansion>  
        <h:panelGrid id="display" columns="2" cellpadding="4" style="width:300px;"  
                                                 styleClass=" ui-widget-content grid">  
        <f:facet name="header">Notification Information</f:facet>
        <h:outputText value="Sender:"/>
        <h:outputText value="#{object.sender.username}"/>

        <h:outputText value="Time send:"/>
        <h:outputText value="#{object.dateSend}">
            <f:convertDateTime pattern="yyyy-MM-dd HH:mm:ss"/>
        </h:outputText>

   <h:outputText value="Title:"/>
   <h:outputText value="#{object.title}"/>
</h:panelGrid>

<br/><br/>

<div style='width: 200px;'>
   <h:outputText value="#{object.body}" />
</div>
</p:rowExpansion>
</p:dataTable>

Answer 1

<p:outputLabel>生成一个 HTML <label>默认情况下为 inline element 的元素.您不能设置内联元素的尺寸。您只能将其设置在 block element 上.

一种方法是添加 display: block风格。

<p:outputLabel value="#{object.body}" style="display: block; width: 200px;" />

此外，假设这是在 <p:dataTable> 中单元格，默认情况下其 CSS white-space属性设置为 nowrap ，您需要将其设置回 normal .这可以在同一个组件上设置，但最好在父组件上设置 <p:column>本身:

<p:column style="white-space: normal;">

注意:作为良好实践的一部分，您应该更喜欢 styleClass在 style .

---

不相关具体问题，HTML <label> element旨在标记由 for 标识的输入元素属性。 IE。当您单击它时，关联的输入元素将检索焦点(并选中一个复选框/单选按钮)。执行验证时，标签用于标识输入元素。但是，您试图在 label 元素内显示 5000 个字符，这在用作真实标签时对用户完全不友好，这表明您实际上是在滥用标签以达到显示“纯文本”的错误目的。你应该使用 <h:outputText>反而。这会生成一个 HTML <span>默认情况下也是内联元素的元素。所以上面的答案也适用于此:

<h:outputText value="#{object.body}" style="display: block; width: 200px;" />