css3简易瀑布流布局

注意:只适用于简单的瀑布流布局,复杂的建议走js路线


.father{
  column-count:2;//将列表显示为2列
}

.son{
  break-inside:avoid;//避免在元素内部断行并产生新列
}

//如果出现 不对齐 查看是否设置了margin 改为padding即可

你可能感兴趣的:(html,html,html5,css,css3)