边界不延伸 - css

Question

底部边框仅在文本框结束之前。我在visual studio 2010工作。相同的代码在另一台PC上工作正常。为什么

<div style="clear: both; max-width: 2400px">
        <table style="border: 1px solid gray" width="100%">
            <tr>
                <td width="20%">
                    NAME
                </td>
                <td width="40%">
                    <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
                </td>
                <td width="40%">
                </td>
            </tr>
            <tr>
                <td>
                    AGE
                </td>
                <td>
                    <asp:TextBox ID="TextBox2" runat="server" Width="98%"></asp:TextBox>
                </td>
            </tr>
        </table>
    </div>

Answer 1

你在第二排缺少第三个TD。插入它就会显示出来。

<table style="border: 1px solid gray" width="100%">
        <tr>
            <td width="20%">
                NAME
            </td>
            <td width="40%">
                <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
            </td>
            <td width="40%">
            </td>
        </tr>
        <tr>
            <td>
                AGE
            </td>
            <td>
                <asp:TextBox ID="TextBox2" runat="server" Width="98%"></asp:TextBox>
            </td>
            <td>
            </td>
        </tr>
    </table>

Answer 2

您错过了第二个td

中的第三个tr

<div style="clear: both; max-width: 2400px">
            <table style="border: 1px solid gray" width="100%">
                <tr>
                    <td width="20%">
                        NAME
                    </td>
                    <td width="40%">
                        <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
                    </td>
                    <td width="40%">
                    </td>
                </tr>
                <tr>
                    <td>
                        AGE
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox2" runat="server" Width="98%"></asp:TextBox>
                    </td>
                   <td>
                   </td>
            </tr>
        </table>
    </div>

Answer 3

您确实错过了第三个<td></td>，或者您可以colspan= "2"其中一个

Answer 4

你错过了第三个td，如果你想在第二个tr中只有两个td，在那个td标签中使用colspan =“2”：

<div style="clear: both; max-width: 2400px">
        <table style="border: 1px solid gray" width="100%">
            <tr>
                <td width="20%">
                    NAME
                </td>
                <td width="40%">
                    <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
                </td>
                <td width="40%">
                </td>
            </tr>
            <tr>
                <td>
                    AGE
                </td>
                <td colspan="2">
                    <asp:TextBox ID="TextBox2" runat="server" Width="98%"></asp:TextBox>
                </td>
            </tr>
        </table>
    </div>

Answer 5

试试这段代码......

<div style="clear: both; max-width: 2400px">
   <table style="border: 1px solid gray" width="100%">
      <tr>
        <td width="20%">
               NAME
        </td>
        <td width="40%">
          <asp:TextBox ID="TextBox1" runat="server" Width="98%"></asp:TextBox>
        </td>
        </tr>
        <tr>
        <td>
            AGE
        </td>
        <td width="40%">
        <asp:TextBox ID="TextBox2" runat="server" Width="98%"></asp:TextBox>
         </td>
        </tr>
        </table>
    </div>
</div>