次のように、1 つの小さな列と 2 つの大きな列を持つ固定幅のテーブルが必要です。
|..|....|....|
|..|....|....|
|..|....|....|
使用して
td.small { width: 20% }
td.large { width: 40% }
次に、 colspan=2 のように特大の col を追加したい
|.......|....|
|..|....|....|
|..|....|....|
使用して
td.small { width: 20% }
td.large { width: 40% }
td.extralarge { width: 60% } /* 20+40=60 */
しかし、私は結局次のようになります：
|.......|....|
|...|...|....|
|...|...|....|
よりグラフィカルな例は jsbin にあります
**編集**
table-layout: fixed申し訳ありませんが、私は 1 つの詳細を逃した: 私はセルのいくつかの特別なオーバーフロー プロパティを持っているので、使用する必要があります (またはそう思う..?) :
td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}