0

底部边框只到文本框的末尾。我在 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>

在此处输入图像描述

4

5 回答 5

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>
于 2013-09-19T10:02:48.447 回答
1

你错过了第二次的第三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>
于 2013-09-19T10:05:12.587 回答
1

您确实缺少第三个<td></td>，或者您可以colspan= "2"选择其他之一

于 2013-09-19T10:05:24.567 回答
1

您错过了第三个 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>
于 2013-09-19T10:10:41.440 回答
1

试试这个代码...

<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>
于 2013-09-19T10:26:35.843 回答