如何修复按钮的位置?

时间:2010-10-16 09:57:06

标签: html css

<table>
    <tr>
        <td>
            <div style="margin-left: 220px;">
                <asp:Button ID="btn1" Text="Edit" CommandArgument='<%#Eval("UserID") %>'
                    CausesValidation="false" CommandName="Edit" Visible="false" runat="server" />
        </td>
        </div>
        <td>
            <div style="margin-left: 370px;">
                <asp:Button ID="btn2" Visible="false" Text="Edit" CommandArgument='<%#Eval("UserID") %>'
                    CausesValidation="false" CommandName="Edit" runat="server" />
            </div>
        </td>
    </tr>
</table>

问题是当两个按钮都动态可见时......第二个按钮向右移动。我怎样修正它们的位置,使它们出现在我想要的位置?

[编辑] 我是否需要使用span或其他东西而不是那些div?是否有一个HTML属性,可以让你在页面上修复一个元素的位置?你怎么做的?我一直在谷歌搜索但没有出现..plz帮助

[编辑2] 我只是添加了位置:在两个按钮中修复了样式属性..当我再次运行代码时......两个按钮甚至都没出现! 如果不这样,你怎么做呢?

[编辑3]

我删除了div并将“td”的align属性设置为centre ..现在编辑按钮一起出现在左边:/

1 个答案:

答案 0 :(得分:3)

在列上设置固定宽度。 您还需要修正tddiv代码

的顺序
<table>
  <tr>
    <td width="200px">
      <asp:Button ID="btn1" Text="Edit" CommandArgument='<%#Eval("UserID") %>' CausesValidation="false" CommandName="Edit" Visible="false" runat="server" />
    </td>
    <td width="200px">
      <asp:Button ID="btn2" Visible="false" Text="Edit"    CommandArgument='<%#Eval("UserID") %>' CausesValidation="false" CommandName="Edit" runat="server" />
    </td>
  </tr>
</table>

将色谱柱宽200px,只需将其替换为适合您需要的宽度。

修改 而且你并不需要div标签来处理你正在做的事情。