html - 如何更改表格宽度

Question

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

该表位于 < h2>Cart Totals</h2> 下方，无论我如何应用“宽度：700px;” 桌子不会缩小。

score 2 · Accepted Answer

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

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

您将该shipping类应用于表格内的 tr ，从而将其拉伸到 980px。如果您删除该类或将其宽度规则更改为 700px，您的表格将按您希望的方式显示。

score 0 · Accepted Answer

Johannes 提供的答案听起来是正确的，但是如果您不想修改 master.css 文件，请尝试将 anid应用于有问题的表并将其他 css 更改为

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

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

2 回答 2