Question

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

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

当您转向其他页面时，列仍处于相同位置。

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

图片在这里：

http://f.cl.ly/items/0W2M0J0M2Z0o2t2k0d0f/Screen%20Shot%202012-10-11%20at%2012.32.13%20AM.jpg

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-layout CSS属性，例如：

#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>

如何修复表中的每一列？

3 个答案: