关于li依次排列错误问题

如图：

image.png

问题：

li、img等高度不同，依次排列错误

原因：

依次排列图片，我们正常使用float：left,由于上一行的li或div等内容的原因导致导读不一致，会使下一行的排列出错，如上图

解决方案：

1、去掉float:left，使用“display:inline-block”;
默认是底部对齐，如果想顶部对齐，可以设置“vertical-align:top”;
2、当然也可以给li一个具体的相同高度。