如何更改表格的宽度

-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

回答