在表格中的IE8中显示多个表单提交按钮内联相同的行

Question

我试图在表格内的同一行显示两个表单提交按钮.在IE7中,下面的代码工作得很好,但是在IE8中,删除按钮下拉到下一行,即使我声明表单是内联显示的.有什么建议？

我在这里创建了一个基本测试页面来显示问题:http://ajondeck.net/test/displayinline.html

Answer 1

尝试以下方法,因为我遇到的情况是我没有桌子和东西.

//Put this in ur css styling area
.spanFormat
{
  text-align: left;
  display: table-cell;
  min-width: 10px;
  padding-right: 10px;
}

//This is the html that is used to make ur input buttons side by side on two    
//different forms.
<span class="spanFormat">
 <form action="someaction.php" method="post">
  <input type="submit" name="action1" value="somevalue" />
  <input type="hidden" name="param" value="somevalue" />
 </form>
</span>
<span class="spanFormat">
 <form action="someaction2.php" method="post">
  <input type="submit" name="action3" value="somevalue" />
  <input type="hidden" name="param1" value="somevalue" />
 </form>
</span>

这似乎把我的两个按钮放在两个不同的形式上并排.

Answer 2

我找到的最简单的方法是在表单标记中使用一些内联CSS(您可以在样式表中将其列为类,如果您愿意),如下所示:

<form method="post" action="nextPage.html" name="nameForm" style="display:inline;">
<input type="hidden" name="value" value="someValue">
<input type="submit" name="submit" value="Submit">
</form>

Answer 3

您的示例不起作用主要是因为您的 HTML 无效。你打开一个td，放入Submit1，然后关闭一个表单元素？解决这个问题，很多问题可能就会消失。

如果您想要并排两个按钮，您应该能够将它们放在同一个容器中。