CSS＆HTML：表格行開頭和結尾的間距內容

Question

我一直在讓自己瘋狂，想知道如何做到這一點。 我有一張桌子。在表格的一端，我想要我的產品說明，另一端是我的產品價格並添加到購物車按鈕。中間沒有任何東西。 但是，我不能使用無盡的新表格行標籤，而我不想這樣做。

我曾嘗試：

• 保證金右
• 填充

我不能使用邊框間距或CELLSPACING，因爲我只希望這1發生了的2我錶行。任何建議...

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>