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

当多个inline-block元素并排时【默认如何对齐？】：

当inline-block元素包含文字时，以文字底部为基线进行对齐；(所以当三个button文字大小不同时，也会无法对齐)

当inline-block不包含文字时，以该元素底部为基线进行对齐。

解决方法？

可以主动设一下非baseline的vertical-align属性值。

也可以改用float的方式定位。