HTML＆amp; 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

我不确定你的问题。如果您的意思是，在第2行中有一列，请尝试使用标记rowspan="2"中的<row>而不是colspan。

• Colspan会在列中拉伸一列。
• Rowspan会的 通过行拉伸一行。