display inline block设置之后第二个div偏下

分类: 文章 • 2025-01-26 21:37:16

今天书写前端代码是发现如下情况：
display inline block设置之后第二个div偏下
两个div都有display: inline-block;属性，但第二个明显偏下了

查看网上资料后总结如下：
同一行的行内元素对齐方式默认是底部对齐，即vertical-align: baseline;

只需要给第二个div设置属性为vertical-align: top;就可以了
display inline block设置之后第二个div偏下