2011-02-11 101 views
0

我有2個按鈕水平對齊。在大多數瀏覽器有它們之間的空間,但如果您查看此:在如何在IE7模式下保持這兩個按鈕之間的空間?

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

「瀏覽器模式:IE7」 &「文檔模式:IE7標準」,你可以看到2個按鈕都粘在一起。

有人可以建議我如何解決這個問題,以便這些按鈕之間始終保持一致的空間?

+2

一致和IE在同一句話......有趣。 – benhowdle89 2011-02-11 09:46:14

回答

5

你有沒有試過把 放在它們之間?

IE不呈現「填充」到W3C標準。 (請參閱here以獲得解釋。)幾乎可以肯定地說,這個問題來自哪裏,所以您需要在它們之間插入一些內容以使其正常工作。

+0

這遠非理想,考慮到現在我的HTML充斥着` `。它雖然工作。謝謝。 – DaveDev 2011-02-11 10:07:57

1

試試這個

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

&nbsp;確保你在那裏有一個空格

2

可以使用margin-left屬性某些像素點動按鈕右側如margin-left:3px,但首先你必須刪除空白在inputbutton之間。

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

2

這解決了我的問題:

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

這可能會幫助您解決問題

&nbsp; 
-1

我有3個解決方案,這一問題:

  1. 最簡單的方法是使用&nbsp;,但當然這不能用於專業。

  2. 使用padding財產

  3. 使用margin-left財產。
相關問題