Question

我正在尝试在表格中显示一段长文本（我从数据库中提取）。我没有问题包装文本在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。我在网站上看过几个类似的问题，但我一直无法找到解决方案。

非常感谢任何帮助，

感谢。

Answer 1

你的桌子和细胞的样式如何？有两种截然不同的算法：有和没有 table-layout: fixed; 如果您看到td变得越来越大以处理这个长字，请尝试将此声明添加到具有此td的{{1}}父级所需宽度的表中。

没有一个小提琴或一个我们可以重现你的问题的例子，除了div在Firefox和其他地方的一般情况下工作正常之外，很难说清楚。

Answer 2

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

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