关于vertical-align对齐问题

Question

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

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

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

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

askldjaskd黄

Answer 1

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