自动调整HTML表格

Question

我正在创建一个包含用户URL历史的表。使用PHP从SQL数据库收集数据，该表根据用户使用下图中的复选框选择的数据生成。

我希望表格能够使用页面的整个宽度，就像现在一样。但是我希望自动调整列宽。正如您在图像中看到的那样，各种列比它们需要的宽得多。

我附上了我正在使用的CSS代码。

非常感谢任何帮助。

    table#DisplayData {
    border-spacing: 0;
    width: 100%;
    table-layout:fixed;
    border: 1px solid #ddd;
    word-wrap:break-word
    }

    table#DisplayData th, td {
    text-align: left;
    border: 1px solid #ddd;
    word-wrap:break-word
    margin: auto;
    }

Answer 1

将您的table-layout更改为auto（或不包含该内容，因为auto是默认设置。）

演示from MDN：