Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何更改表格宽度_Html_Css_Woocommerce - Fatal编程技术网

Html 如何更改表格宽度

Html 如何更改表格宽度,html,css,woocommerce,Html,Css,Woocommerce,我正在尝试将表格宽度减少到700px 表格位于购物车总计下方,无论我如何应用“宽度:700px”,表格的大小都不会减小 您的问题是master.css第687行的以下规则: #costing-container, .shipping { width: 980px; border-top: 1px dotted #ccc; } 您将shipping类应用于表中的一个tr,从而将其扩展到980px。如果您删除该类或将其宽度规则更改为700px,则您的表将按您所希望的方式显示。Johanne

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

表格位于购物车总计下方,无论我如何应用“宽度:700px”,表格的大小都不会减小


您的问题是
master.css第687行的以下规则:

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

您将
shipping
类应用于表中的一个tr,从而将其扩展到980px。如果您删除该类或将其宽度规则更改为700px,则您的表将按您所希望的方式显示。

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

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

这将确保您的样式不会收缩其他
元素。

您能提供一些HTML和CSS代码吗?这些代码会显示“您的购物车当前为空”。并且不会显示“购物车总计”标题。该表可能继承了一些样式。我还没有看过css,但是你可以试试
width:700px!重要的请向我们提供一些详细信息。到目前为止,您给我们的定义太模糊,链接没有显示任何表格。Rgds,@AlexBell要查看他的表,您必须向购物车添加一个项目;)但是我同意,提供一个直接的例子会很好,事实上这是行不通的。应用
宽度:700px!重要信息
对于表格,仍会将表格拉伸至980px。但是,如果规则以所述表的tr元素为目标,它将起作用。