最近在进修CSS，遇到一个比较困惑的问题，求助一下。
直接上代码：
div { width: 70px; height: 75px; border: 1px solid red; margin: 10px; display: inline-block; text-align: center; font-size: 14px;}div img { width: 55px; height: 55px; border: 1px solid #aaa;}<div>单行</div><div>单行</div><div> <!--无--></div><div><img src="images/headpic/1.jpg" title="单行图片" alt="多个span并列显示时，高度不一致的问题_html/css_WEB-ITnose" ></div><div> <img src="images/headpic/2.jpg" alt="多个span并列显示时，高度不一致的问题_html/css_WEB-ITnose" > 图片+文字</div><div> 三行 <br/> 三行 <br/> 三行</div>
求大神解答，分不多了。
加上这一句
div{vertical-align:top;}
加上这一句
div{vertical-align:top;} 和盒子模型应该没关系，只是为了让同一行的文本和图片对齐而已。我想这也是最初设计时的想法，有时确实会对我们的布局造成困扰。请看下面的图片，更多信息百度下：CSS行高与基线
和盒子模型应该没关系，只是为了让同一行的文本和图片对齐而已。我想这也是最初设计时的想法，有时确实会对我们的布局造成困扰。请看下面的图片，更多信息百度下：CSS行高与基线
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
