很多时候，我们依次成列一些东西比如图书、图片等等，我们正常会用“float：left”，由于上一行的li或者div等因为内容的原因导致高度不一致，会使下一行的排列出现错乱，如下图：
解决方案：
去除”float:left”，使用”display: inline-block”；默认都是底部对齐，如果想顶部对齐，我们可以设置”vertical-align: top;”。
版权声明：本文为fay462298322原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。
很多时候，我们依次成列一些东西比如图书、图片等等，我们正常会用“float：left”，由于上一行的li或者div等因为内容的原因导致高度不一致，会使下一行的排列出现错乱，如下图：
解决方案：
去除”float:left”，使用”display: inline-block”；默认都是底部对齐，如果想顶部对齐，我们可以设置”vertical-align: top;”。