为什么设置了vertical-align：middle；内容不会垂直居中

遇到问题肯定是急躁的哇~，不要急不要急。耐心看图，看文。

1、原因一，使用对象错误，你给块元素（block）设置vertical-align：middle；。MDN中明白告知，vertical-align是用来指定行内元素的嗷~。那么解决方案就是display：inline；或者display：inline-block；就可以设置这个元素了。不知道display查css3手册嗷~

2、原因二，你给需要居中的父元素设置了vertical-align：middle；事实上，是父元素需要垂直居中就给父元素设置verti-align：middle；，子元素需要垂直居中，就给子元素设置verti-align：middle；

ps：如果有帮助到你，关注可以不写，但是赞一定要点起来，点起来！！！！（づ￣3￣）づ╭❤～