CSS3属性——分列显示

CSS

    div {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        /* 列数 */
        column-count: 3;
        -moz-column-gap: 40px;
        -webkit-column-gap: 40px;
        /* 列间隔的宽度 */
        column-gap: 40px;
        /*  */
        width: 600px;
    }

 

HTML

 <div>
        学海无涯苦作舟，在学生的教育生涯里，其实到了大学，学生们就算是攀登了一个高峰。至于还要不要往下走，就不是强迫学生的事情了，有些学生对学术有向往，愿意继续深造。 研究生考试的人数，在去年已经突破了一个历史记录。同时有专家预言，今年可能还会突破一个新的报考记录。对于考试中，人数增长的现象，人们已经见怪不怪。现在不只是研究生的考试，就连考公和考编的人数也不少。这个现象真的正常吗？ 考研二战三战很正常？考研怪现象越来越多 马上就要迎来了2023年的研究生考试，人们都在等着今年的研究生报考数量。不过在报名之前，就已经有人发现了，今年题型的变化。除了高数以外，英语和政治都分别做出了一些调整，今年的考研生们非常头疼。
        张雪峰是公认的考研参谋，现在他自己已经有了一家咨询公司，专门为大家报考学校而服务。这位经验老道的资深咨询师，冷眼旁观了现在的考研现象。其中有些现象他不是很能理解。
    </div>

 

效果：