button在html标准里被称作“可替代元素”（Replaced element）。这类元素的渲染和display:inline-block的元素类似。
当多个inline-block元素并排时【默认如何对齐？】：
当inline-block元素包含文字时，以文字底部为基线进行对齐；(所以当三个button文字大小不同时，也会无法对齐)
当inline-block不包含文字时，以该元素底部为基线进行对齐。
解决方法？
可以主动设一下非baseline的vertical-align属性值。
也可以改用float的方式定位。
