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

Question

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

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

我试过给td的百分比宽度,但这似乎不起作用,萤火虫显示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%或小于表的像素大小,则它们将大于指定的宽度.