CSS＆HTML：在表格行问题的开头和结尾处间隔内容

Question

我一直让自己发疯，不知道该怎么做。 我有桌子 在表格行的一端，我要我的产品说明，在另一端，我要我的产品价格，然后添加到购物车按钮。 之间没有任何东西。 但是，如果不使用无休止的新表行标签，我现在就无法使它正常工作，我不想这样做。

我试过的

• 保证金权利
• 填充

我不能使用边框间距或cellspacing，因为我只希望这发生在我的表行中的2行中的1行上。 有什么建议么？...

 td.spacing{ margin-right: 30%; background-color: red; } 

 <table> <tr> <td><p id='prods_nme'>$prod_name</p></td> </tr> <tr> <td class='spacing'><p id='prods_desc'>$prod_desc</p></td> <td></td> <td class='spacing' rowspan='2'><p id='prods_price'>£$prod_price</p></td> <td><a href='Shopping_cart.php?add_item=$prod_id'>+</a></td> </tr> </table> 

我希望它看起来像这样：

Answer 1

您想得太多了。

您不需要额外的行。

 table { width: 100%; border: 1px solid grey; } table td { border: 1px solid red; } table td.full { width: 100%; } 

 <table> <tr> <td class="full"> <p id='prods_nme'>My Product</p> <p id='prods_desc'>My Product Desription</p> </td> <td class="price"> <p id='prods_price'>£10.00</p> </td> </tr> <tr> <td class="full"> <p id='prods_nme'>My Product</p> <p id='prods_desc'>My Product Desription</p> </td> <td class="price"> <p id='prods_price'>£10.00</p> </td> </tr> </table>