如何在一個按鈕中正確居中文本？

我使用<button>在CSS中創建自定義按鈕，並且文本似乎在每個瀏覽器中水平和垂直居中，沒有填充，text-align或其他屬性。我所要做的就是改變它的寬度和高度，文字總是在中間。如何在一個按鈕中正確居中文本？

我問自己，如果這是在每一個瀏覽器（甚至是舊的，我並沒有進行測試的機會）的默認行爲，或者倒不如設置line-height和補白垂直和text-align: center居中文本水平居中文本，以提高所有瀏覽器的兼容性。

2014-10-01 gdgsgshshffhs

如果你應用'height'，我會建議你爲垂直對齊添加'line-height'（IE7-8）......它將在任何情況下水平居中，無論寬度如何（沒有'text-align'）..檢查http://jsfiddle.net/yv3xqaoy/1/show/和http://jsfiddle.net/yv3xqaoy/2/show/與IE7/8如果你可以 – JFK 2014-10-01 01:20:16

關於： '如果這是每個瀏覽器的默認行爲'，則表單域和按鈕在每個瀏覽器中的顯示方式都不同，如您在[類似問題]中看到的一樣（http://stackoverflow.com/questions/7056000/cant-make-my -button-look-the-in-different-browsers）添加你自己的樣式如果你想保證一定的外觀。 – 2014-10-01 01:22:53

@Brian：OP只提供'

默認情況下，<button>中的文本將始終居中。你只需要玩padding來改變它的位置。

該標籤在所有主流瀏覽器中均受支持，但請注意，因爲不同的瀏覽器會向其發送不同的值。所以每個瀏覽器可能會有所不同。

來源

2014-10-01 01:36:16

如何在一個按鈕中正確居中文本？

回答

相關問題