IE7 - 带有长字符串，前标签宽度和表格宽度被忽略答案

【问题标题】：IE7 - with long strings, pre tag width and table width ignoredIE7 - 带有长字符串，前标签宽度和表格宽度被忽略
【发布时间】：2014-01-14 15:52:45
【问题描述】：

IE 7 中的 pre 标记确实包裹了文本，但表格宽度将保持更宽，并且出现滚动条，就好像文本占用了全部空间一样。这个问题不会出现在 Firefox 和 Chrome 中。谁能帮我为预标签定义 IE 7 的正确样式。

<html>
 <style type="text/css">
<!--

pre {
 overflow:wrap;
width: 600px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 display: block;
}
-->
</style>
<body>
<table width="70%" border="1">
 <tr> <td width="100%">
<pre> sdhgf jdhgfjd gfjs dfsjhdgfjs dgfjsdgfjsdhgfjsgdjf sdjfhgsj  hkdjhfs kdhf kshf kshd dfgjshdgfjhsgdfjshgdjfhg sjdhgfjsdhgfjs hdgfjhsgd dbfbdmfsmd bfmsdnbf mdsnbfffffffff  ffffffff  ffffffffmdbmfsbf  wehjgggggggggggggggggggg</pte>
</td> </tr> </table>
</body>
</html>

谢谢史密莎

【问题讨论】：

标签： internet-explorer internet-explorer-7 internet-explorer-6

【解决方案1】：

不确定这是否能解决您的问题http://vinhboy.com/blog/2009/02/13/ie7-table-width/

他提到过使用 table-layout: fixed;

试试这个并告诉我们

【讨论】：

非常感谢。它对我有用。只有一件事是，如果我直接为内表应用 table-layout:fixed 样式，其中我的数据位于不同的列中，所有列都会获得相同的区域，而不管它们定义的宽度。所以我把它应用到了外面的桌子上，它工作得很好。这也不适用于 jsf 数据表和面板网格。非常感谢。斯密莎