Question

看看这个小提琴： http://jsfiddle.net/foreyez/hQ9ZR/

<table background='red'>
<thead>
    <tr>
        <th style='width:3000px;background:red'>Students</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Joe</td>
    </tr>
    <tr>
        <td>Shmoe</td>
    </tr>
</tbody>

和css是：

  html,body { overflow:auto; }

当我制作Header 3000px的宽度时，我希望它会在页面中引起溢出（滚动条）。但事实并非如此。这是因为标题单元格的宽度不会改变整个表格的宽度。

如果将表格的宽度设置为3000px，您将看到溢出（滚动条）

所以基本上，我想知道是否有一种方法可以使表格的宽度由它的标题宽度定义？

由于

Answer 1

首先，这不是你最近设置表格的方式

<table background='red'>

使用此代替

<table style="background:red;">

其次，您需要min-width使用th代替width

My Fiddle

<th style='border: 1px solid #fffff0;min-width:5000px;background:red'>Students</th>

在html表中，为什么标题宽度不会改变整个表格宽度？

1 个答案: