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

使用dispaly：inline-block设置布局后，会出现布局错位的问题如下：

 为了解决这个问题，可以使用添加vertical-align: top;就可以解决了

附赠另外两个问题：

问题一：

使用span标签或者a标签写按钮时，会发现写了一大堆，width和height无论怎样设置都没有宽高，

其实只要加上display: inline-block或者display: block;

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

问题二：

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