如何在IE7模式下保持这两个按钮之间的空间?

时间:2011-02-11 09:42:48

标签: html css internet-explorer internet-explorer-7

我有2个水平对齐的按钮。在大多数浏览器中,它们之间有一个空格,但如果你看到它:

http://jsfiddle.net/2HP43/1/

<浏览器模式:IE7中的

&amp; “文档模式:IE7标准”你可以看到2个按钮卡在一起。

有人可以建议我如何纠正这个问题,以便这些按钮之间始终保持一致的空间吗?

6 个答案:

答案 0 :(得分:5)

您是否尝试将&nbsp;放在它们之间?

IE不会向W3C标准呈现“填充”。 (请参阅here以获得解释。)几乎可以确定这个问题来自何处,因此您需要在它们之间插入一些内容以使其正常工作。

答案 1 :(得分:2)

您可以使用margin-left属性将按钮向右移动一些像素,例如margin-left:3px,但首先您必须删除inputbutton之间的空格。

示例:http://jsfiddle.net/2HP43/18/

答案 2 :(得分:2)

这解决了我的问题:

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

答案 3 :(得分:1)

试试这个

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

&nbsp;确保您有空格

答案 4 :(得分:0)

这可能有助于您解决问题

&nbsp;

答案 5 :(得分:-1)

我有3个解决这个问题的方法:

  1. 最简单的方法是使用&nbsp;但当然不能专业使用。

  2. 使用padding属性

  3. 使用margin-left属性。