Question

IE 7中的预标记确实包装文本，但表格宽度将保持更宽并且滚动条出现，就好像文本占用了整个空间一样。 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>

由于 Smitha

Answer 1

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

他提到使用table-layout：fixed;

试一试，告诉我们

IE7 - 长字符串，前标记宽度和表宽度被忽略

1 个答案: