html - 如何修复表格中的每一列？

Question

我试图在下面的图片中阅读 Wordpress 中的源代码。

我不知道他们如何修复每一列 HTML/CSS，不知道他们使用什么。

当您转到其他页面时，列仍然在同一位置。

但是当我通过转到其他页面来尝试 CodeIgniter 中的分页/表格库时，表格是灵活的并且依赖于单元格中的信息。

图片在这里：

Answer 1

该width属性在 CSS 中指定：

.fixed .column-response, 
.fixed .column-author, 
.fixed .column-categories, 
.fixed .column-tags, 
.fixed .column-rel, 
.fixed .column-role {
    width: 15%;
}

同样，table元素是固定宽度：

table.fixed {
    table-layout: fixed;
}

Answer 2

使用table-layoutCSS 属性，例如：

#mytable
{
    table-layout: fixed;
}

Answer 3

您可以使用带宽度的 div

<table>
    <tr>
        <td><div style="width: 200px;">
        test...
        </div></td>
        <td><div style="width: 600px;">
        test...
        </div></td>
    </tr>
</table>