Question

我有一个奇怪的问题。我有一个带有输入和一些文本的表。唯一的问题是1行比其他行短。

我已经将行向下移动了，但这也没有用。我也将它们与其他行进行了比较，但我找不到差异。

图片显示他们说的数千字以上，所以这是现场测试区域的屏幕截图： enter image description here

此外，这是相关代码的JSFiddle。

这里的代码也是：

<table class="radio">
    <tbody>
        <tr class="highlight">
            <td>
                <input type="radio" name="shipping_method" value="pickup.pickup0" id="shipping_method_pickup" />
            </td>
            <td colspann="3"><b>Hello</b>
            </td>
            <td style="text-align: right;">
                <label for="pickup.pickup1">0,00</label>
            </td>
        </tr>
        <tr class="highlight">
            <td>
                <input type="radio" name="shipping_method" value="weight.weight_5" id="weight.weight_5" checked="checked" />
            </td>
            <td colspan="3"><b>Verzending op gewicht</b>

            </td>
            <td style="text-align: right;">
                <label for="weight.weight_5">2,20</label>
            </td>
        </tr>
        <tr class="highlight">
            <td>
                <input type="radio" name="shipping_method" value="weighttat.weighttat_5" id="weighttat.weighttat_5" />
            </td>
            <td colspan="3"><b>Verzending via Post.nl</b>

            </td>
            <td style="text-align: right;">
                <label for="weighttat.weighttat_5">6,75</label>
            </td>
        </tr>
        <tr class="highlight">
            <td>
                <input type="radio" name="shipping_method" value="dhlpickup.dhlpickup_5" id="dhlpickup.dhlpickup_5" />
            </td>
            <td colspan="3"><b>Verzenden via DHL Afhaalservice ( Kies <a href="http://www.selektvracht.nl/?spl=y" target="_tab">hier</a> een DHL afhaalpunt </b>

            </td>
            <td style="text-align: right;">
                <label for="dhlpickup.dhlpickup_5">4,50</label>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

您的拼写错误

n

中的额外colspann

Answer 2

您的第一行属性colspan错误，请更改：

<td colspann="3"><b>Hello</b>

使用：

<td colspan="3"><b>Hello</b>

以下是更新后的小提琴：http://jsfiddle.net/D5fJa/1/

有关colspan属性的更多信息：http://www.w3schools.com/tags/att_td_colspan.asp

HTML表td未正确对齐

2 个答案: