白色空間：nowrap不工作在IE 9

我有一個表空白設置爲nowrap和列寬度限制使用表格佈局固定。這正確地隱藏了Firefox中的長行，但在IE9中這些行正在打包。白色空間：nowrap不工作在IE 9

測試用例：

<table border="1" width=200 style="white-space: nowrap; table-layout: fixed;"> 
    <tr> 
     <td style="overflow: hidden;" width=150>Word with some spaces that isnt working in IE</td> 
     <td width=50>100/50</td> 
    </tr> 
    <tr> 
     <td style="overflow: hidden;" width=150>LoooooooooOOOOOOOOOoooooooooooooooooongword</td> 
     <td width=50>550/50</td> 
    </tr> 
     <tr> 
     <td style="overflow: hidden;" width=150>AnotherLoooooooooooonnnnnnnnnnnnnnnnGWord</td> 
     <td width=50>660/50</td> 
    </tr> 
</table>

火狐： enter image description here

IE 9： enter image description here

來源

2012-07-04 waza123

使用嚴格DOCTYPE它在我的IE9，我有結果，作爲同火狐。我已經用代碼測試了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
    <html> 
    <head> 
    </head> 
    <body> 
    <form> 
    <table border="1" width=200 style="white-space: nowrap; table-layout: fixed;"> 
     <tr> 
      <td style="overflow: hidden;" width=150>Word with some spaces that isnt working in IE</td> 
      <td width=50>100/50</td> 
     </tr> 
     <tr> 
      <td style="overflow: hidden;" width=150>LoooooooooOOOOOOOOOoooooooooooooooooongword</td> 
      <td width=50>550/50</td> 
     </tr> 
      <tr> 
      <td style="overflow: hidden;" width=150>AnotherLoooooooooooonnnnnnnnnnnnnnnnGWord</td> 
      <td width=50>660/50</td> 
     </tr> 
    </table> 
    </form> 
    </body> 
    </html>

來源

2012-07-04 12:30:45

很酷謝謝！不知道標籤可以提供幫助 – waza123

白色空間：nowrap不工作在IE 9

回答

相關問題