如何根據窗口的寬度調整表格的寬度，而不管窗口的寬度如何？

通常，表格根據其內容調整其大小。但是，當一個表的適當寬度大於窗口的寬度。表格似乎開始根據窗口寬度調整其寬度。如何根據窗口的寬度調整表格的寬度，而不管窗口的寬度如何？

該表可以根據它的內容調整它的寬度：

<table border="1"> 
    <tr> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
    </tr> 
</table>

而這個表可以根據窗口的寬度調節其寬度，一個單元格的內容可分成三行：

<table border="1"> 
    <tr> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
     <td>Blah blah blah.</td> 
    </tr> 
</table>

我想包含在<div>中的表格，並將<div>的overflow設置爲scroll，如果窗口太大而無法顯示窗口，我可以滾動查看錶格。那麼如何讓表格忽略窗口的大小，並根據其內容調整它的大小呢？

來源

2013-03-12 EFanZh

CSS'表{寬度：whateverpx}' – Morpheus 2013-03-12 08:50:16

嘗試添加風格'空白：nowrap'到'td's – Pete 2013-03-12 08:51:12

@Pete這是一個完整的答案，如果你問我。 – Barney 2013-03-12 08:54:33

您可以使用表格單元格內容上的white-space: nowrap;。這將防止它們被分解。

這裏是你怎麼能那麼把它變成一個div 與滾動溢出的jsfiddle例如：

http://jsfiddle.net/VE4sU/17/

來源

2013-03-12 08:56:13

如何根據窗口的寬度調整表格的寬度，而不管窗口的寬度如何？

回答

相關問題