将页面拆分为3列，内容位于更宽的中心列？

我需要创建一个 3 列布局，其中中心列是侧列宽度的两倍，而不使用引导程序，因为引导程序在电子邮件中不起作用。

在引导程序中，它将是：

<div class="container">
  <div class="col-3">
  </div>

  <div class="col-6">
    <!-- All page content goes here -->
  </div>

  <div class="col-3">
  </div>
</div>

如何在不使用引导程序的情况下实现这一目标？

笔记

我找到了这个代码：

<div class="row">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

但这似乎不起作用。

回答

table {
  width:100%;
  table-layout:fixed;
  border-spacing:0;
}

td {
  width:25%;
}
td:nth-child(2) {
  width:50%;
}

.column {
  padding:15px;
  border:1px solid;
}

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>