テキストなしでテキストがレンダリングされないHTMLボタン

Question

例5のボタンの例のHtmlボタン要素は、異なるテキストレンダリングの テキストは同じトップ位置に表示されますが、テキストのないボタンは が少し上に表示されます。 は、私はあなたに私はChromeでそれをしようと試み
https://jsfiddle.net/zznjrv9L/ HTML

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

CSS

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

を表示することができます。 すべてのボタンが同じ位置にレンダリングされるように修正するにはどうすればよいですか？

Answer 1

ボタンの使用インラインブロックとその、一貫性を保つためのトップ/ミドル/下を使用します。

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

demo