在IE中的HTML表格寬度？

我使用的表格中顯示一組數據，我的HTML代碼放在這裏......在IE中的HTML表格寬度？

<table border="1" cellspacing="0" cellpadding="0" style="width: 780px;"> 
    <tbody> 
    <tr> 
     <td style="width: 780px; height: 25px;"> 
     <pre width='100' style='width: 780px; word-wrap: break-word;'> 
      the data goes here..... 
     </pre>    
     </td> 
    </tr> 
    <tr> 
     <td style="width: 780px; height: 25px;"> 
     <pre width='100' style='width: 780px; word-wrap: break-word;'> 
      the data goes here..... 
     </pre>    
     </td> 
    </tr> 
    </tbody> 
</table>

此表在Firefox，Safari和IE8工程確定。但問題出現在IE7，IE6中。當桌子擴展並離開屏幕（即在x軸右側擴展）時.... 有沒有修復它的方法？

IE6的IETester屏幕截圖：

enter image description here

來源

2010-06-14 Harish Kurup

的問題被解決了，我使用的代碼作爲

<table border="1" cellspacing="0" cellpadding="0" width="780" style="table-layout:fixed"> 
<col width="780"> 
<tbody> 
<tr> 
    <td style="width: 780px; height: 25px; overflow:hidden;"> 
    <pre width='100' style='width: 780px; word-wrap: break-word;'> 
     the data goes here..... 
    </pre>    
    </td> 
</tr> 
<tr> 
    <td style="width: 780px; height: 25px; overflow:hidden;"> 
    <pre width='100' style='width: 780px; word-wrap: break-word;'> 
     the data goes here..... 
    </pre>    
    </td> 
</tr> 
</tbody> 
</table>

在上面的代碼中有三種變化

...

width屬性是設置（改爲將其設置爲樣式屬性）
col標籤的寬度設置爲與表格寬度相同
和TD的風格溢出設置爲隱藏，（溢出：隱藏）。

我從下面給出的鏈接此信息，請大家看看...... 「http://www.tek-tips.com/faqs.cfm?fid=4499」，因此我的問題得到解決。

來源

2010-06-14 07:44:36

嘗試

<table border="1" cellspacing="0" cellpadding="0" width="780">

來源

2010-06-14 06:29:41 Salil

沒有它不與IE7和IE6工作..仍然擴大向右...... – 2010-06-14 06:37:19

是它的只有你的頁面上的內容可能是因爲你在某個div中使用它而發生的。請檢查它是否僅在給定的唯一代碼時纔會發生。 – Salil 2010-06-14 06:40:22

我一直在使用你的HTML只是測試它在IE6，IE8（兼容模式）和IE8看起來相同（普通模式）以及在Firefox中一樣。

您的網頁上的其他內容必須影響佈局，因此請發佈完整示例。

這是我測試過的完整例子。

<html> 
    <body> 
     <table border="1" cellspacing="0" cellpadding="0" style="width: 780px;"> 
      <tbody> 
      <tr> 
       <td style="width: 780px; height: 25px;"> 
       <pre width='100' style='width: 780px; word-wrap: break-word;'> 
        the data goes here..... 
       </pre>    
       </td> 
      </tr> 
      <tr> 
       <td style="width: 780px; height: 25px;"> 
       <pre width='100' style='width: 780px; word-wrap: break-word;'> 
        the data goes here..... 
       </pre>    
       </td> 
      </tr> 
      </tbody> 
     </table> 
    </body> 
</html>

來源

2010-06-14 07:12:30 Fenton

實際上這個表格是在後臺使用PHP動態形成的...有header.php，footers.php和content.php形成這個頁面... – 2010-06-14 07:23:47

因此，向我們展示整個頁面的重要性，以便我們可以重新創建問題。 – Fenton 2010-06-15 06:34:17

你也可以嘗試一下風格word-break：break-all;

來源

2010-06-14 12:59:24 RodeoRamsey

我已經解決了我的問題......通過上面的回答....我會嘗試使用word break規則，並檢查它是否適用於所有瀏覽器......並且謝謝你@Rodeo Ramsey ... – 2010-06-17 06:00:23

這種風格應該在哪裏應用？需要看一個例子 – 2016-07-22 15:24:29

使用下面的CSS，這應該避免你的表超過最大尺寸定義：

table{ 
    table-layout:fixed; 
}

來源

2011-06-14 13:45:19 Pete

表格佈局沒有爲我工作，通過嘗試做了這項工作。 – 2011-06-14 14:02:14

在IE中的HTML表格寬度？

回答

相關問題