可以自由调整table每列的位置，不改变宽度

可以的，您可以使用CSS的表格布局属性来调整表格中每列的位置，而不改变表格的总宽度。其中，常用的属性包括：

- `table-layout`：用于指定表格的布局模式，常用的值为`fixed`和`auto`。其中，`fixed`表示表格布局固定，每列的宽度由列宽和表格宽度共同决定；而`auto`则表示表格布局自适应，每列的宽度由列内容决定。
- `border-collapse`：用于指定表格的边框折叠模式，常用的值为`collapse`和`separate`。其中，`collapse`表示相邻单元格的边框会折叠在一起，而`separate`则表示相邻单元格的边框会分开显示。
- `border-spacing`：用于指定相邻单元格的间距。如果表格布局为`auto`，则该属性无效；如果表格布局为`fixed`，则可以通过设置该属性来调整每列的位置。

例如，如果要将表格布局固定，让第一列在最左边，第三列在最右边，第二列在中间，可以这样写：

<style>
  table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  td {
    padding: 10px;
    border: 1px solid #ccc;
  }
  td:first-child {
    position: absolute;
    left: 0;
    width: 30%;
  }
  td:nth-child(2) {
    margin: 0 auto;
    width: 50%;
  }
  td:last-child {
    position: absolute;
    right: 0;
    width: 20%;
  }
</style>

<table>
  <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>第三列</td>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
  </tr>
  <!-- 更多行 -->
</table>

这样，表格的每列位置就会按照指定的顺序进行排列，而不改变表格的总宽度。需要注意的是，为了让第一列和第三列能够靠边显示，需要将它们设置为绝对定位，并分别设置`left`和`right`属性。同时，为了让第二列居中显示，需要将它的`margin`属性设置为`0 auto`。