0

我正在处理的表格存在格式问题。请参阅下面表格行的屏幕截图：

在此处输入图像描述

下面是我的表格的 html - 所以问题是如果我执行 F12 并突出显示 * 列，它显示为占用大量空间，而不仅仅是我指定的 5px - 然后将验证消息向上推送并且不lok当有空间时它们可以填充很好。我错过了什么愚蠢的东西吗？

<table class="ui-widget-content" style="width: 565px; height: 200px; margin-top: 10px;">
    <tr>
        <td style="width: 10px;"></td>
        <td class="label">Forename :
        </td>
        <td class="value">
            @Html.TextBoxFor(model => model.Forename, new { id = "foreName", style = "width:150px" })
        </td>
        <td style="width:5px;">*</td>
        <td class="field-validation-error" style="width: 180px;">
            @Html.ValidationMessageFor(model => model.Forename)
        </td>
    </tr>
    <tr>
        <td style="width: 10px;"></td>
        <td id="FloorText" class="label">Surname :
        </td>
        <td class="value">
            @Html.TextBoxFor(model => model.Surname, new { style = "width:150px" })
        </td>
         <td style="width:5px;">*</td>
        <td class="field-validation-error" style="width: 180px;">
            @Html.ValidationMessageFor(model => model.Surname)
        </td>
    </tr>
    <tr>
        <td style="width: 10px;"></td>
        <td class="label">Email Address :
        </td>
        <td class="value">
            @Html.TextBoxFor(model => model.Email, new { style = "width:150px" })
        </td>
         <td style="width:5px;">*</td>
        <td class="field-validation-error" style="width: 180px;">
            @Html.ValidationMessageFor(model => model.Email)
        </td>
    </tr>
</table>

编辑 - 编辑问题以显示 F12 中代码的屏幕截图 - 它似乎是自动生成的跨度 - 我如何为此添加宽度？

在此处输入图像描述

4

0 回答 0