html - 別々のテーブルが一緒にレンダリングされます

Question

HTMLの2つの別々のテーブルの列を揃えることは可能ですか？

Answer 1

<td>両方の要素に幅を設定し、幅overflow: hiddenよりも大きいものが変更されないように要素を作成できます。

何かのようなもの：

td {
   width: 50px;
   max-width: 50px;
   overflow: hidden;
   white-space: nowrap;
}

ここに見られるように。

Answer 2

まったく同じ方法で列の幅を設定することから始めて（使用する手法は何でも）table-layout: fixed、両方のテーブルで設定することができます。セルの内容によって幅が異なる場合もありますが、通常はこれで十分です。