解决设置inline-block后不对齐问题。

直接切入主题，添加vertical-align: top;就可以解决了。

附赠另一个问题

使用span标签或者a标签写按钮时，会发现写了一大堆，width和height无论怎样设置都没有宽高，其实只要加上display: inline-block;

或者display: block;

这是因为span和a都是内联标签，无法设置宽高。要变成块级标签设置的宽高才能使用。

问题二

使用inline-block后，该标签下方出现一片空白，使用vertical-align: bottom; 就可以了。