2

我有一个 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>
4

1 回答 1

6

<p:outputLabel>生成一个<label>默认为内联元素的HTML 元素。您不能设置内联元素的尺寸。您只能在块元素上设置它。

一种方法是添加display: block样式。

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

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

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

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

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

<h:outputText value="#{object.body}" style="display: block; width: 200px;" />
于 2013-05-02T21:07:26.503 回答