граница не расширяется - css

0

Нижняя граница находится только до конца текстовых полей. Я работаю в visual studio 2010. Тот же код отлично работает на другом ПК. Зачем

<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>

Изображение 174551

Теги:

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>
  • 0
    Большое спасибо..............
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>
1

Вам действительно не хватает третьего <td></td> или вы можете colspan= "2" один из других

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>
1

вы пропустили третий td, если вы хотите иметь только два td во втором tr, используйте colspan = "2" в этом теге td:

<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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню