表：最小化列宽（多个colspans）

Question

我有这个：

并希望这个（第二列使用更少的空间）：

有没有引入绝对值或固定列的方法？只要内容大小动态，我就不会介意任何其他类似包装或隐形列的黑客。

HTML

＆＃13;

＆＃13;

table {
  border-collapse: collapse;
  height: 100%;
  background-color: blue;
  white-space: nowrap;
}

.wrapper {
  width: 40%;
  font-family: avenir;
  height: 100vh;
}

td > div {
  color: white;
  background-color: darkblue;
  padding: 5px;
  display: inline-block;
}

td {
  padding: 0px;
  border: 1px dotted white;
}

.w1px {
  width: 1px;
}

.h-100 {
  height: 100%;
}

＆＃13;

<div class="wrapper">
  <table>
    <tr>
      <td class="w1px"><div>Item1</div></td>
      <td><div>Item2</div></td>
      <td><div>Item3</div></td>
    </tr>
    <tr>
      <td colspan="3"><div>Item Spanning All Three Above</div></td>
    </tr>
    <tr>
      <td colspan="2"><div>Item Spanning Two</div></td>
    </tr>
    <tr class="h-100">
    </tr>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;