html - 在表中的 IE8 中显示多个表单提交按钮内联同一行

标签 html css format

我试图在表格内的同一行显示两个表单提交按钮。在 IE7 中,以下代码运行良好,但在 IE8 中,删除按钮会下拉到下一行,即使我声明表单显示为内联。有什么建议吗?

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

最佳答案

尝试以下操作,因为我曾遇到过没有表格和其他东西的情况。

//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>

这似乎将我的两个按钮并排放置在两个不同的表单上。

关于html - 在表中的 IE8 中显示多个表单提交按钮内联同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1266734/

相关文章:

jQuery UI - 拖放后不能立即工作

javascript - 将垂直滚动转换为水平 div 位置 jQuery

perl - 在 perl 中语言环境设置是全局的吗?

php - 生成xml时如何处理PHP中的大撇号和大引号?

python - 读取 csv 文件并使用文本换行将 df 写入 excel

javascript - 在 jQuery 中单击更改 <select> id

html - 将文本放置在带有覆盖层和图像的 div 的中心底部

html - 使用显示 :flex 时文本溢出不起作用

html - 使用 CSS 隐藏数据值

css - 在此 Joomla 插件代码中添加 CSS