CCS3的column属性和vh

分栏显示。
HTML代码

  ...

CSS代码

.box {
                /*column-count: 4;*/
                /*两个同时设置时下面为min-width，即最少为100px*/
                /*column-width: 100px;*/
                
                columns: 4;
                /*column-gap: 栏间距*/
                column-gap: 50px;
                /*column-rule:  栏间线*/
                column-rule: 2px dashed red;                
            }

最终实现分栏显示。

vh

vh，即view-height。给一个元素100vh时，会沾满整个屏幕，而不用给body，html都设置height100%来实现这个效果。