解决CSS3多列样式column布局时内容被截断、错乱

一、问题

使用CSS3的columns属性时，出现排列的内容被截断，出现错位的现象。

 

解决办法：

给需要分列的容器加上height:100%;overflow: auto;

或者给需要分列的容器加上：break-inside: avoid（推荐）