li标签、div标签等高度不同,依次排列错乱

很多时候,我们依次成列一些东西比如图书、图片等等,我们正常会用“float:left”,由于上一行的li或者div等因为内容的原因导致高度不一致,会使下一行的排列出现错乱,如下图:
li标签、div标签等高度不同,依次排列错乱_第1张图片
解决方案:
去除”float:left”,使用”display: inline-block”;默认都是底部对齐,如果想顶部对齐,我们可以设置”vertical-align: top;”。

你可能感兴趣的:(前端)