将按钮放在中间位置

大家好，



我有一个要求，我连续5 td，每个td包含一个按钮。

但是我必须在某些条件下显示几个按钮。那么如何在行的中心显示按钮。我的意思是要安排按钮，使它们居中。假设两个按钮可见，那么它应该居中。

Hi All,

I have a requirement where in a row I have 5 td and each td contain a button.
but I have to show few buttons in certain conditions.so how can I show the buttons in the center of the row.I mean want to arrange the buttons so that they will be centered.suppose two buttons are visible then it should be centered.

<div>

        <table style="width: 100%">
            <tr>
                <td align="center">
                    <table>
                        <tr>
                            <td style="width: 20%" id="tda" runat="server">
                                <asp:Button ID="btnA" Text="A" runat="server" Width="100px" />
                            </td>
                            <td style="width:1px">
                            </td>
                            <td style="width: 20%" id="tdb" runat="server">
                                <asp:Button ID="ButtonB" Text="B" runat="server" Width="100px" />
                            </td>
                            <td style="width:1px">
                            </td>
                            <td style="width: 20%" id="tdc" runat="server">
                                <asp:Button ID="ButtonC" Text="C" runat="server" Width="100px" />
                            </td>
                            <td style="width:1px">
                            </td>
                            <td style="width: 20%" id="tdd" runat="server">
                                <asp:Button ID="ButtonD" Text="D" runat="server" Width="100px" />
                            </td>
                            <td style="width:1px">
                            </td>
                            <td style="width: 20%" id="tde" runat="server">
                                <asp:Button ID="ButtonE" Text="E" runat="server" Width="100px" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
            <td align="center">
            <asp:Button id="btnX" runat="server" Text="check" onclick="btnX_Click"/>
            </td>
            </tr>
        </table>

    </div>

和我的aspx文件中的代码如下

And the code in my aspx file is as below

protected void btnX_Click(object sender, EventArgs e)
        {
            //on certain conditions i want only tda and tde should be visible
            //but once i do this i get space between these two buttons
            tda.Visible = true;
            tdb.Visible = false;
            tdc.Visible = false;
            tdd.Visible = false;
            tde.Visible = true;



        }