html - 表の幅を変更する方法

Question

テーブルの幅を 700px に減らそうとしています

テーブルは < h2>カートの合計</ h2> の下にあり、どのように「幅: 700px;」を適用しても。テーブルのサイズは減少しません。

score 2 · Accepted Answer

あなたの問題は、次のルールですmaster.css, line 687。

#costing-container, .shipping {
  width: 980px;
  border-top: 1px dotted #ccc;
}

クラスをテーブル内の tr に適用したshippingため、980px に引き伸ばされました。そのクラスを削除するか、幅ルールを 700px に変更すると、テーブルは希望どおりに表示されます。

score 0 · Accepted Answer

ヨハネスが提供した答えは正しいように聞こえますが、master.css ファイルを変更したくない場合はid、問題のテーブルにを適用し、他の css を次のように変更してみてください。

#table_id tr {
    width: 700px !important;
}

tableこれにより、スタイリングによって他の要素が縮小されないようにする必要があります。

2 に答える 2