Javascript 表中asp.net按钮未对齐

下面圈出的一个按钮btnReqsubmit没有对齐，我不知道为什么。 我的代码有什么错误吗

---

发生此问题是因为第二行项目下拉列表的宽度更大

如果您使用的是表结构，则会出现此问题

因为列的宽度将调整为列中单元格的最大宽度

改用div和span

请参阅下面的演示

输入[类型=按钮]{ 保证金：5px； 宽度：50px； } 标签{ 边界：无 宽度：10px； } 挑选{ 宽度：100px； } 文本 文本

---

您已经为前两行创建了2个单元格，为最后一行创建了3个单元格，所以

用以下代码替换最后一个tr

<table>
        <tr>
            <td>
                <asp:Label Text="Team :" runat="server"></asp:Label></td>
            <td>
                <asp:DropDownList ID="ddlProject" OnSelectedIndexChanged="itemSelected" AutoPostBack="True" runat="server"></asp:DropDownList></td>
        </tr>
        <tr>
            <td>
                <asp:Label Text="Project :" runat="server"></asp:Label></td>
            <td>
                <asp:DropDownList ID="ddlDetails" runat="server"></asp:DropDownList></td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="btnBugSubmit" Text="Bug" OnClick="btnBugSubmit_Click" runat="server"/></td>
            <td>
                <asp:Button ID="btnIssueSubmit" Text="Issue" OnClick="btnIssueSubmit_Click" runat="server"/></td>
            <td >
                <asp:Button ID="btnReqSubmit" Text="Requisition" OnClick="btnReqSubmit_Click" runat="server"/></td>
        </tr>
    </table>

---

可能的解决办法。理想情况下，每行中应该有相同数量的td。在您的第一个tr中，您只有2个td，而在其他tr中，您只有3个td

您可以查看colspan属性

<tr>
            <td>
                <asp:Button ID="btnBugSubmit" Text="Bug" OnClick="btnBugSubmit_Click" runat="server"/></td>
            <td>
                <asp:Button ID="btnIssueSubmit" Text="Issue" OnClick="btnIssueSubmit_Click" runat="server"/>

                <asp:Button ID="btnReqSubmit" Text="Requisition" OnClick="btnReqSubmit_Click" runat="server"/></td>
        </tr>

---

能否请您创建一个JSFIDLE.net演示，并提供完整和相关的codeOne可能的快速技巧来解决这个问题；从上一个tr中删除所有三个td，指定一个colspan=3的td，并将所有按钮都放在其中。。。。

<table>
        <tr>
            <td>
                <asp:Label Text="Team :" runat="server"></asp:Label>
            </td>
            <td colspan="2">
                <asp:DropDownList ID="ddlProject" OnSelectedIndexChanged="itemSelected" 
                    AutoPostBack="True" runat="server"></asp:DropDownList>
             </td>
        </tr>
        <tr>
            <td>
                <asp:Label Text="Project :" runat="server"></asp:Label>
            </td>
            <td colspan="2">
                <asp:DropDownList ID="ddlDetails" runat="server">
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="btnBugSubmit" Text="Bug" 
                  OnClick="btnBugSubmit_Click" runat="server"/>
            </td>
            <td>
                <asp:Button ID="btnIssueSubmit" Text="Issue" 
                OnClick="btnIssueSubmit_Click" runat="server"/>
            </td>
            <td >
                <asp:Button ID="btnReqSubmit" Text="Requisition" 
                 OnClick="btnReqSubmit_Click" runat="server"/>
            </td>
        </tr>
    </table>