Forms 如何对齐两个表单提交
我有一个页面,页面底部有两个提交按钮。一个用于提交发布到某个操作的页面,另一个用于取消发布到其他操作的页面。无论出于什么原因,IE都无法将这两个按钮并排放置。Firefox没有问题 这是我的剧本:Forms 如何对齐两个表单提交,forms,formatting,css,Forms,Formatting,Css,我有一个页面,页面底部有两个提交按钮。一个用于提交发布到某个操作的页面,另一个用于取消发布到其他操作的页面。无论出于什么原因,IE都无法将这两个按钮并排放置。Firefox没有问题 这是我的剧本: <div class="button_row"> using (Html.BeginForm("Edit", "Design")) { %> <div class="button_cell_left"> <input type="su
<div class="button_row">
using (Html.BeginForm("Edit", "Design"))
{ %>
<div class="button_cell_left">
<input type="submit" value="Update" />
</div>
<% } %>
<% Html.EndForm(); %>
using (Html.BeginForm("Review", "Design"))
{ %>
<div class="button_cell_right">
<input type="submit" value="Cancel"/>
</div>
<% } %>
<% Html.EndForm(); %>
20%的宽度为这些按钮提供了足够的空间。就像我在ie中说的,他们不会保持一致,但在firefox中他们会。我的问题是为什么给出我的代码
提前感谢,,
比利以像素为单位设置宽度,而不是百分比。IE有时会遇到%的问题。您还需要浮动它们所包装的表单,IE没有正确实现浮动,因此如果您希望在同一行上有两个浮动,它们必须同时浮动。这个问题昨天也让我很恼火 新CSS:
.button_row { float:left; width: 100%; }
.button_row form {float:left; width: 20%; }
您的第一个输入缺少自动关闭斜杠。BM我也是,但最好是消除明显的错误。只是在我尝试将内容格式化得更好时,在这个网站上输入了一个错误。会解决问题,但不会解决问题。
.button_row { float:left; width: 100%; }
.button_row form {float:left; width: 20%; }