Html 如何在IE7模式下保持这两个按钮之间的间距？

我有两个按钮水平对齐。在大多数浏览器中，它们之间都有一个空格，但如果您查看以下内容：

在“浏览器模式：IE7”和“文档模式：IE7标准”中，您可以看到这两个按钮粘在一起

---

有人能建议我如何纠正这一点，使这些按钮之间始终保持一致的间距吗？

您是否尝试过将

放在它们之间

IE不会按照W3C标准呈现“填充”。（请参阅以获取解释。）这几乎可以肯定是问题的根源，因此您需要在它们之间插入一些内容以使其正常工作。

试试这个

<input type="submit" class="button" id="Submit1" value="Remove" name="btnRemoveFunds">&nbsp;<button class="button" id="Button1">Add More Funds</button>

添加更多资金

---

确保其中有一个空格

您可以使用

边距左侧

属性将按钮向右移动一些像素，例如

边距左侧：3px

，但首先必须删除

输入

和

按钮

之间的空格

---

示例：

这解决了我的问题：

*padding: 2px; /* "*" is for lte IE 7 */

---

这可能会帮助您解决问题

 

---

对于这个问题，我有3种解决方案：

最简单的方法是使用

，但这当然不能专业地使用

使用

填充

属性

使用

左边距
属性

---

一致性和IE在同一句话中…很有趣。考虑到现在我的HTML到处都是

，这远非理想。但它确实有效。谢谢。另一种选择是调整box model方法（），但随后可能会出现浏览器兼容性问题。不幸的是，我怀疑是否有一个完美的解决方案。