学习日记——多列布局

多列布局

添加在父元素上的

1、column-count：分栏的个数

2、column-width：分栏的宽度

3、column-gap：分栏的间距

4、column-rule：分栏的边框

写在子元素上的

1、column-span：all/1  合并分栏

2、break-inside：定义页面、列或区域发生中断时候的元素该如何表现

          break-inside: auto;元素可以中断。

          break-inside: avoid;元素不能中断。

 -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */

    page-break-inside: avoid; /* Firefox */

     break-inside: avoid; /* IE 10+, Chrome, Safari, Opera */