HTML＆CSS：表格中的行在列中

Question

我正在創建一個表格，但我在最後一個面板（條件）中遇到了問題。我想表中有2行，但我已經嘗試和失敗，如何創建一個2行列？

likely this image

我什麼都試過，但不能，你能解釋一下它給我 感謝很多

<table id="items"> 
     <tr> 
      <th width="25%">Prestation</th> 
      <th width="10%">Prix Unitaire</th> 
      <th width="10%">Quantity</th> 
      <th width="10%">Montant</th> 
      <th width="45%">Condition</th> 
     </tr> 

     <tr class="item-row"> 
      <td class="item-name"> 
       <div class="delete-wpr"><input type="text" style="width: px; height: 47px;"><a class="delete" href="javascript:;" title="Remove row">X</a></div> 
      </td> 

      <td><input type="text" class="cost" style="width: 100px; height: 47px;"></td> 

      <td><input type="text" class="qty" style="width: 60px; height: 47px;"></td> 
      <td><span class="price"></span></td> 

      <tr class="condition"> 
      </tr> 

      <tr id="hiderow"> 
       <td colspan="5"><a id="addrow" href="javascript:;" title="Add a row">Add a row</a></td> 
      </tr> 

      <tr> 
       <td colspan="1" class="blank"> </td> 
       <td colspan="2" class="total-line">Subtotal</td> 
       <td class="total-value"> 
        <div id="subtotal"></div> 
       </td> 
      </tr> 
      <tr> 

       <td colspan="1" class="blank"> </td> 
       <td colspan="2" class="total-line">Total</td> 
       <td class="total-value"> 
        <div id="total"></div> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="1" class="blank"> </td> 
       <td colspan="2" class="total-line">Montant payé</td> 

       <td class="total-value"><input type="text" id="paid" style="width: 50px; heigth: ;"></td> 
      </tr> 
      <tr> 
       <td colspan="1" class="blank"> </td> 
       <td colspan="2" class="total-line balance">Solde dû</td> 
       <td class="total-value balance"> 
        <div class="due"></div> 
       </td> 
      </tr> 
</table> 

Answer 1

我不知道你的問題。如果您的意思是，在兩行中有一列，請嘗試在代碼<row>中使用rowspan="2"而不是colspan。

• Colspan將通過列拉伸一列。
• Rowspan將 延伸行通過一行。