可以将表格列设置为自动宽度以填充屏幕？

Question

我希望我的桌子宽度为屏幕宽度的100％ - 对不同的屏幕尺寸非常灵活。

是否可以让我的列按比例自动调整大小？

我试过给出td的百分比宽度，但这似乎不起作用，firebug显示tbody不填充表格宽度？

        <table class="">
            <tr class="headings">
                <td class="entry">
                </td>
                <td class="calendar">Availability Calendar
                </td>
                <td class="deals">Last Minute Deals
                </td>

                <td class="ann">Announcements
                </td>
                <td class="banners">Banners
                </td>
            </tr>


        </table>

Answer 1

您只需将表格的宽度设置为100％，它就是它的父级宽度。除非您为某些列指定其他任何内容，否则列将根据其内容自动调整大小。

列将始终填充表格的宽度，因此，如果指定的宽度小于表格的像素大小的100％或小于它，则它们将大于指定的宽度。