button在HTML标准里被称作“可替代元素”(Replaced element)。这类元素的渲染和display:inline-block的元素类似。

当多个inline-block元素并排时【默认如何对齐?】:
当inline-block元素包含文字时,以文字底部为基线进行对齐;(所以当三个button文字大小不同时,也会无法对齐)
当inline-block不包含文字时,以该元素底部为基线进行对齐。
可以主动设一下非baseline的vertical-align属性值。
也可以改用float的方式定位。