display:inline-block 与 vertical-align和line-height的关系

https://blog.csdn.net/tangcc110/article/details/79876783

 

.imgstyle{
display:inline-block;
width:40px;
height:40px;
vertical-align: top;
}

 

vertical-align: middle;会影响其他display:inline-block;的html,都居中在最高的高的居中，所以每一个都要设置vertical-align: top;