移除IE中的額外填充按鈕

在我的網站中，有很多按鈕。在Chrome中查看時，按鈕寬度只適合動態按鈕文本，但在IE中，我可以看到左側和右側都生成了額外的填充...移除IE中的額外填充按鈕

會有任何CSS規則可以讓我拿走這些填充物？謝謝。

2011-10-24 Ham

你使用的是什麼版本的IE，你在哪個模式下運行它？例如'' – Rich

Internet Explorer渲染問題幾乎是一門黑暗藝術。我建議您添加一個實例，並提供有關Internet Explorer呈現問題的更多信息。您應該能夠通過使用Internet Explorer Inspector查看正在發生的事情，但它不像Chrome提供的Modern Browsers那樣先進，但會讓您知道發生了什麼。 – MarioRicalde

您可以使用reset css，因爲它避免了瀏覽器的不一致性。

請參閱http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

訪問http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/爲reset.css

來源

2011-10-24 12:15:20

可能是有點晚了，但是當我今天搜查所以對於同樣的問題，我發現this question。顯然，這不是真正的填充（從某種意義上說，它不能被padding:0px關閉），而是我們都非常喜歡IE的那些古怪奇怪之一。（請注意假填充如何按比例縮放按鈕文本長度O_o）。幸運的是，有一個簡單的解決方案，如here所述。

基本上，您只需將overflow:visible;添加到按鈕（我並不需要額外width:auto;如上所述）。不要問 - 這絕對不是你以爲這應該做的，但是......這是IE土地和規則在那裏是不同的。請注意，當你的按鈕位於表格單元格內時，這顯然不起作用。

我猜CSS重置可能已經解決了這個問題，因爲有人已經在一些全局聲明中包含了這個。只需添加這個答案就可以更清楚地瞭解方式和原因。

永遠不要放棄，人們 - 我們的孩子會看到一個沒有IE怪癖的世界......人們可以希望。

來源

2012-07-10 17:51:27 Louise

噢，好主人，這是一個可笑的修復，但它的作品。 – jlarson

謝謝你做到了！ – ClearCloud8

這也適用於我。 '幻影'填充。感謝IE8程序員 - 這是我浪費了生命中的另外幾個小時。 –

管理以避免額外的語句顯示在IE中的額外空間：block;在像這樣的CSS：

.menu button{ 
    display:block; 
    width:100%; 
    padding:0; 
}

請注意，我沒有使用寬度：汽車，因爲它是不是在我的情況選擇 - 按鈕是空的，寬度從父DIV拍攝。

來源

2014-03-25 12:19:25 user3459603

移除IE中的額外填充按鈕

回答

相關問題