如何根据窗口的宽度调整表格的宽度，而不管窗口的宽度如何？

通常，表格根据其内容调整其大小。但是，当一个表的适当宽度大于窗口的宽度。表格似乎开始根据窗口宽度调整其宽度。如何根据窗口的宽度调整表格的宽度，而不管窗口的宽度如何？

该表可以根据它的内容调整它的宽度：

<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

如何根据窗口的宽度调整表格的宽度，而不管窗口的宽度如何？

回答

相关问题