0

我正在尝试在表格中显示一段长文本（我从数据库中提取）。我在 Chrome、IE、Safari 或 Opera 中包装文本没有问题，但我找不到适用于 Firefox 的解决方案。我最初通过在表格单元格中插入文本来尝试这样做，但这不适用于任何浏览器，但是当我在 div 中插入文本时，这解决了问题。

我使用的 CSS 和 HTML 如下：

.test
{

    width: 100%;
    word-wrap: break-word;

}

<td>

    <div class = 'test'>

        ...Long Word Goes Here...

    </div>

</td>

div 嵌套在表中的事实是否与它有任何关系（也许它正在继承父属性？），因为我在 Firefox 12 中看到了一个类似的示例：http: //www.w3schools.com/css3 /tryit.asp?filename=trycss3_word-wrap

请问有谁知道如何解决这个问题？这似乎是与 Firefox 相关的一个非常常见的问题。我在网站上查看了几个与此问题类似的问题，但我一直无法找到解决方案。

任何帮助深表感谢，

谢谢。

4

2 回答 2

0

您的表格和单元格的样式如何？有两种非常不同的算法：有和没有table-layout: fixed;。
如果您看到td处理这个长单词的过程越来越大，请尝试将此声明添加到 table 中，并在tdthis 的父级上使用您想要的宽度div。

如果没有小提琴或我们可以重现您的问题的示例，很难说出更多信息，除了word-wrap: break-word;在 Firefox 和其他地方的一般情况下工作正常。

于 2012-06-20T18:30:24.753 回答
0

我实际上意识到我的问题是什么。我正在使用包含在 pre 标记中的预格式化文本，这导致了问题。以下链接是我的问题的解决方案：http: //css-tricks.com/snippets/css/make-pre-text-wrap/

对此疏忽表示歉意，并感谢您帮助我！

于 2012-06-20T18:55:07.567 回答