Css img标签的怪异行为

我在页面上创建div网格时遇到了一些问题，但是网格中的每个单元格都可以有不同类型的元素，如

或

。网格正在生成，但当单元格中的几个元素不同时，网格会发生扭曲

下面是问题的一个简单例子

但是当您将

img

标记替换为

divs

时，它可以正常工作。

---

任何帮助。

在这种情况下，您可以使用

垂直对齐：顶部

让您的元素蜷缩到顶行，而不是从最后一行的底部开始

您应该将

垂直对齐：top

应用于

div

元素。在这里拨弄：

谢谢，但是这个问题的原因是什么，我的意思是不使用垂直对齐时有什么区别？@DigvijayYadav默认的垂直对齐是基线。这就是图像和文本在没有网格的情况下相邻放置时的外观。@Neil感谢您的解释：）@Neil:好的，那么这是否意味着元素的垂直位置和高度将从此处开始？@DigvijayYadav每个内联/内联块元素都会根据其垂直对齐方式在其父元素或线内对齐。