IE7 - 长字符串，预标签宽度和表格宽度被忽略

问题描述：

IE 7中的pre标签包装文本，但表格宽度将保持更宽，并出现滚动条，就好像文本占满了空间。这个问题不在Firefox和Chrome中。任何人都可以帮助我为IE 7预定义标签定义正确的样式。IE7 - 长字符串，预标签宽度和表格宽度被忽略

<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

答

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

他已经使用表格的布局中提到：固定;

试试这个，让我们知道

非常感谢。它为我工作。只有一件事是，如果我直接对内部表应用table-layout：fixed样式，其中我的数据位于不同列中，则所有列都会获得同一区域，而不考虑其定义的宽度。所以我将它应用到了外表，并且它工作正常。此外这不适用于jsf数据表和panelgrids。非常感谢。 Smitha – Smitha 2010-08-20 21:10:16

IE7 - 长字符串，预标签宽度和表格宽度被忽略

相关推荐