Html 如何更改表格宽度
我正在尝试将表格宽度减少到700px 表格位于购物车总计下方,无论我如何应用“宽度:700px”,表格的大小都不会减小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
您的问题是
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元素为目标,它将起作用。