关于vertical-align对齐问题

问题遇到的现象和发生背景

在同一个div中有img和span元素，img默认基线对齐，设置span的middle对齐不生效，但是设置top对齐生效。

问题相关代码，请勿粘贴截图

img{
width:200px;
height:auto;
/* vertical-align:baseline; */
}
span{
vertical-align:middle;
}

askldjaskd黄

图片默认基线在底部哪里，所以span便签居中在底部，可以给图片一个居中基线对齐，两个就居中对齐了

你想要居中对齐，就给img和span标签一起设置vertical-align：middle;

你想要底部对齐，就给img和span标签一起设置vertical-align:bottom;

你想要顶部对齐，就给img和span标签一起设置vertical-align: top;