如何更改表格宽度

Question

我正在尝试将表格宽度减少到700px

该表位于＆lt; h2＆gt; Cart Totals＆lt; / H2＆GT;无论我如何申请“宽度：700px;”表格不会减小。

http://clients.rocoru.com/trendyheadboards/?page_id=6

Answer 1

您的问题是master.css, line 687中的以下规则：

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

您将shipping类应用于表格内的tr，从而将其拉伸至980px。如果您删除该类或将其宽度规则更改为700px，您的表格将显示为您想要的那样。

Answer 2

Johannes提供的答案听起来不错，但如果您不想修改master.css文件，请尝试将id应用于相关表格，并将其他css更改为

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

这应该确保您的样式不会缩小其他table元素。