在IE按鈕中刪除額外的填充

Question

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

是否有任何CSS規則可以讓我帶走這些填充？ 謝謝。

Answer 1

可能會有點晚，但是當我今天搜索SO以尋找同樣的問題時，我發現了這個問題 。 顯然，這不是真正的填充（在某種意義上它不能通過padding:0px來關閉padding:0px ），而是我們都非常喜歡IE的那些奇怪的奇怪之一。 （注意假填充如何與按鈕文本長度O_o一起縮放）。 幸運的是，有一個簡單的解決方案，它作為描述在這里 。

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

我想CSS重置可能已經解決了這個問題，因為有人已將此包含在一些全局聲明中。 只需添加此答案，就如何以及為何提供更多信息。

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

Answer 2

您可以使用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

Answer 3

使用額外語句顯示來管理以避免額外的間距：塊; 在CSS中如此：

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

請注意，我沒有使用width：auto，因為它不是我的選項 - 按鈕為空，寬度取自父div。