终于搞定了vertical-align：baseline对齐的问题

对于行内元素，或者用设置display为inline-block的元素而言，

垂直对齐方式并不能很好的像我们想象中的那样对齐。

进入正题：

vertical-align所有属性值：baseline，top，middle，bottom，text-top，text-bottom

属性的作用范围：vertical-align只对内联元素（或者display：inline-block的块级元素）有效，并根据父级元素的位置定位。

• 通俗来讲就是：此属性是为了确定此行内元素在他父级元素中的垂直距离

baseline：默认属性，根据父级元素的基线定位，那么父级元素的基线位置怎么确定呢？这里要涉及到神奇的小写字母x，标准规定，基线的位置在小写字母x的底部所在直线的位置，如图，

图片和xxx都属于行内元素，可以看到他们的底部是对齐的。

<div class="div1">
    <