没有文本呈现的 Html 按钮不像文本

Question

Html 按钮元素，例如行中的 5 个按钮呈现不同，带有文本的按钮呈现在相同的顶部位置，但没有文本的按钮 呈现小上层。让我告诉你
https://jsfiddle.net/zznjrv9L/html

<button>234</button>
<button></button>
<button>234</button>
<button>234</button>
<button></button>

CSS

 button{
  height:25px;
  width:25px;
  }

我在 Chrome 中试过了。我该如何解决所有按钮呈现在同一顶部位置的问题？

Answer 1

为按钮使用 inline-block 并使用 top/middle/bottom 以保持一致性:

button{
  height:25px;
  width:25px;
  display: inline-block;
  vertical-align: top;
}

demo