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; 
    } 

我tryed它在Chrome中。 我如何解決所有按鈕在同一頂部位置呈現？

的按鈕

Answer 1

使用inline-block的，並使用上/中/底部及其一致性：

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

demo