Fatal编程技术网
  • primefaces/
  • 需要帮助找出为什么文本在带有Primefaces的p:panelGrid中溢出我的h:outputText吗

需要帮助找出为什么文本在带有Primefaces的p:panelGrid中溢出我的h:outputText吗

primefaces

需要帮助找出为什么文本在带有Primefaces的p:panelGrid中溢出我的h:outputText吗,primefaces,Primefaces,正如标题所说，我使用的是PrimeFaces，在p:PanelGrid中有一个h:outputText。每当h:outputText的“value”字段中有一个很长的、未中断的字符串时，它就会溢出由h:outputText创建的范围和由p:panelGrid创建的td，并从页面的右侧溢出。它必须是一个单一的、长的、不间断的文本字符串，但它总是会溢出其边界。我尝试过添加style=“overflow:scroll；”和style=“width:100px；”以及其他可能的修复方法，但文本中没有任何

正如标题所说，我使用的是PrimeFaces，在p:PanelGrid中有一个h:outputText。每当h:outputText的“value”字段中有一个很长的、未中断的字符串时，它就会溢出由h:outputText创建的范围和由p:panelGrid创建的td，并从页面的右侧溢出。它必须是一个单一的、长的、不间断的文本字符串，但它总是会溢出其边界。我尝试过添加style=“overflow:scroll；”和style=“width:100px；”以及其他可能的修复方法，但文本中没有任何内容。有人知道为什么会发生这种情况吗？我能做些什么来解决它

感谢您抽出时间阅读，祝您度过愉快的一天

：-）

设置静态宽度本身没有帮助。但是，当元素的宽度已知（未设置为“自动”）时，
overflow:scroll
应该可以正常工作，正如
overflow:hidden
一样。
溢出
规则是否可能被某个样式表中其他更具体的规则覆盖？我觉得这是最有可能的罪魁祸首

如果可以丢失某些信息（例如，在悬停时访问完整字符串或单击图标），则可以组合以下内容：

.someElement {
  overflow: hidden;
  text-overflow: ellipsis;
}
在支持
文本溢出：省略号
（并非所有浏览器）的浏览器中，您会在截断点处看到一个整洁的省略号字符。否则它会在你的容器边缘被切断

总而言之：


    

  • 溢出：滚动应该已经工作了。如果不是，则有另一条规则取代它
    • 

  • 如果不这样做，您可能需要考虑省略号解决方案而不是滚动条，如果这样做不会破坏项目要求
    • 

感谢所有阅读并回复的人。事实证明，这不是Primefaces问题，而是HTML/CSS问题。我将重新提出这个问题。感谢您抽出时间阅读并回复。以下是我的问题的简单HTML复制，以及提到的一些建议：


<!DOCTYPE html>
<html>
    <head>
        <title> problem </title>
        <style type="text/css">
            span.troubleSpan {
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: break-word;
            }
        </style>
    </head>
    <body>
        <h4> problem </h4>
        <div>
            <table border="1">
                <tr>
                    <td>
                        <span>cell</span>
                    </td>
                    <td>
                        <span>&nbsp;</span>
                    </td>
                    <td>
                        <span>cell</span>
                    </td>
                    <td>
                        <span class="troubleSpan">asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf</span>
                    </td>
                    <td>
                        <span>&nbsp;</span>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>




问题
span.故障诊断盘{
溢出：隐藏；
文本溢出：省略号；
单词包装：打断单词；
}
问题
细胞
细胞
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfaSDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDFASDF

是否可以在仍在发生这种情况的地方添加一些小代码示例？看看appliesAksel-Willgert-No是否不能提供任何代码。很抱歉周一上班时我会试试你的链接。谢谢你帮我看这个。提供了答案；作为一个有用的建议，尽管您使用的是PrimeFaces，但这实际上是一个CSS问题。用CSS标记它可能会引起更大的关注。Greg，我不确定它是CSS还是Primefaces，因为[使用Firebug]我找不到任何可能导致问题的CSS。Greg。。。谢谢，但这也没用。正如您所建议的，我将把它作为CSS和/或HTML问题重新发布。我可以创建一个非常简单的HTML页面并重现这个错误——我将把它作为“回答你的问题”发布。谢谢你的帮助，没问题，布莱恩。我用小提琴测试，只是为了确保我是对的（我是）。。。还可能是什么？我能想到的最后一件事是，您的元素具有display:inline，而不是display:block或display:inline块。