将 <pre> 包裹在表格单元格内答案

【问题标题】：Wrapping <pre> inside table cell将 <pre> 包裹在表格单元格内
【发布时间】：2012-10-07 21:54:20
【问题描述】：

我在一组前置标签中有一些数据，我想包装它们的内部文本。我正在使用以下 CSS 实现这一点：

word-wrap: break-word;

但是，如果我将 pre 标签放入表格单元格中，这将不再有效；数据都保留在一行上。

我知道有 white-space: pre-wrap 选项，但是我在 C# 的 WebBrowser 控件中使用这个 CSS，它总是像 IE7 那样呈现，并且 pre-wrap 属性似乎永远不会工作.

有没有人知道如何让我的 CSS 让 pre 标签在表格单元格中工作？或者是否有可能？

我愿意接受有关使用表格的替代方案的建议，但是我需要复制一个表格，因为它具有包含多个单元格的行，每个单元格的高度都会增长以匹配最大的一个。

【问题讨论】：

【解决方案1】：

我的一个朋友想出了一个解决方法，它不是最干净的解决方案，但足以解决我的问题。

解决方案是用空格替换它们，并且由于 IE 支持 wbr 标签，它模拟了 pre 标签中文本的换行。

希望这对遇到问题的其他人有所帮助！

【讨论】：