html - テーブルに動的コンテンツがある場合、テーブルの幅を一定に保つにはどうすればよいですか?

Question

テーブルの内容がインタラクティブに変化している場合でも、テーブルの幅を一定に保つにはどうすればよいですか?

古い投稿:

HTML に可変長タブを挿入するにはどうすればよいですか? テーブル内の特定の動的フィールドを整列させたいのですが、幅が絶えず変化しています。

編集: つまり、どのテキストエディターでも、タブを押してテキストの特定のビットを揃えることができ、スペースの数は気にしません。実際、テキストの左端に必要なスペースの数は変わる可能性がありますが、テキストが整列している限り、私は気にしません。HTMLでこれを行うにはどうすればよいですか？

score 1 · Accepted Answer

次のようなクラスを適用するのが最善の策です。

.leftAlignedTable
{
    width: 90%; /*or whatever you want*/
}

これにより、テーブルが常に同じ幅になります。

score 0 · Accepted Answer

テーブルは常に並んでいます。コンテンツを変更しても、テーブルはそれに対応するために拡大および縮小し、配置はそのまま残ります。それが一種のポイントです<table>。

の幅を CSS で定数 (またはパーセンテージ) の数値に設定<table>すると、内容に関係なく変更されません。

2 に答える 2