如何更改表格的寬度

-2

我試圖減小表格寬度700像素如何更改表格的寬度

桌子底下是H2 <>車總計</H2>不管我如何適用「寬度：700像素;」桌子的大小不會減少。

2013-05-09 Adam Scot

您能否提供一些HTML和CSS代碼？ – 2013-05-09 21:28:45

這提出了「您的購物車目前是空的。」並沒有「購物車總計」標題被看到。 – 2013-05-09 21:29:28

該表可能會繼承一些樣式。我沒有看看CSS，但你可以試試'width：700px！important;' – 2013-05-09 21:30:47

你的問題是master.css, line 687以下規則：

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

你的應用shipping類到表內TR，從而延伸到980px。如果您刪除該類或將其寬度規則更改爲700px，則您的表格將按照您的要求顯示。

2013-05-09 21:35:35

約翰內斯提供的答案聽起來很正確的，但如果你不想修改master.css文件，試圖施加id到有問題的表和改變對方的CSS

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

這應該確保您的造型不會縮小其他table元素。

2013-05-09 21:43:15

其實這是行不通的。將「width：700px！important」應用於表格，仍然會將表格拉伸至980像素。如果規則以目標表的tr元素爲目標，它將會工作。 – 2013-05-09 21:46:15

是的，謝謝。我相應地更新了我的答案。 – 2013-05-09 21:49:41

回答