0

HTML テーブルの動作に問題があります。これは幅の広いテーブルで、約 44 列あり、ユーザーの画面から右に大きくはみ出しても問題ありません (そうしたいのですが)。

各テーブル ヘッダーに 3 つのクラスのいずれかを指定して、各列に 3 つの幅のいずれかを指定しようとしています。

.c_th_small {
    width: 60px;
}
.c_th_medium {
    width: 100px;
}
.c_th_large {
    width: 500px;
}

これら 3 つのタグのいずれかを表のヘッダー セルに挿入しました。ただし、テーブル全体に幅属性を指定した場合にのみ、列のサイズが変更されます。テーブルを非常に広くすると、これらは機能しますが、テーブルの幅と競合します。

私の質問は、各列の幅を指定して、テーブルを必要なだけ広くすることはできますか? テーブルの幅を設定したくありません。すべての列を合わせた幅にしたいだけです。これは小さなテーブルでは問題なく機能しますが、この大きなテーブルでは幅が十分に広がらないようです。

4

1 に答える 1

1

CSSルールを使用する必要があるようです

table { table-layout: fixed; }

これにより、セルの内容を考慮する代わりに、最初の行のセルの幅を使用して列の幅を決定するようブラウザに指示します。

于 2012-05-13T19:06:57.767 に答える