1回答

樱桃小胖子

2019-03-03

vertical-align属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐，这里是因为div是块级元素，并且这里设置inline-block属性也是无效的，原因是：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。简单的说，就是设置的当前div属性还是块对象呈递，但是允许同一级别的div在同一行内，也可以设置宽度和高度。这里的解决办法是：将display属性设置为table-cell，将块元素转化为单元格，然后加上vertical-align：middle就可以了

希望可以帮到你!

0