如何正确地将按钮中的文本居中？

Question

我使用<button>在CSS中创建自定义按钮，文本似乎在每个浏览器中水平和垂直居中，没有填充，text-align或其他属性。我所要做的就是改变它的宽度和高度，文本总是在中间。

我问自己这是否是每个浏览器中的默认行为（即使是我没有机会测试的旧版本），或者最好将line-height和填充设置为中心垂直文本和text-align: center水平居中文本，以提高所有浏览器的兼容性。

Answer 1

默认情况下，<button>中的文字始终居中。您只需要使用padding来改变其位置。

所有主流浏览器都支持该标记，但要小心，因为不同的浏览器会向其发送不同的值。所以每个浏览器可能会有所不同。