JSF 输出文本溢出

Question

我正在尝试使用以下代码在面板内显示状态 cmets：

<p:panel>
    <ui:repeat var="Comment" value="#{Status.commentList}">
        <h:outputText value="#{Comment.Text}"/>
    </ui:repeat>
</p:panel>

似乎当 cmets 这么长时，面板上的文本溢出了。我调查了一下，发现h:outputText 正在生成一个跨度，并试图通过 CSS 解决这个问题：

<h:outputText value="#{Comment.Text}"
    style="width: 100px!important; overflow-x: scroll!important;"/> 

给定一个固定的宽度和overflow-x:scroll 应该可以解决问题，但它的渲染范围更广，即使我将其设置为 100 像素，它也会将其渲染为 400 像素，而不会注意到!important。

Answer 1

<h:outputText value="#{Comment.Text}"
    style="width: 100px; overflow-x: scroll; display:block;"/> 

是正确的方法。 W3 说display:block;

在块格式化上下文中，框一个接一个地布置， 垂直，从包含块的顶部开始。垂直的 两个兄弟框之间的距离由“边距”确定 特性。块中相邻块框之间的垂直边距 格式化上下文崩溃。

在块格式化上下文中，每个框的左外边缘接触 包含块的左边缘（对于从右到左的格式，右 边缘接触）。即使有浮点数也是如此（尽管 由于浮动，框的内容区域可能会缩小）。

这证明了为什么我的文本溢出它需要作为上下文值处理。