Resolve CSS3 Multi-column style column-width layout when content is truncated, garbled

First, the question

Using the CSS3column-width: auto | <length>属性时，出现排列的内容被截断，出现错位的现象。

650) this.width=650, "title=" to resolve CSS3 multi-column style column-width layout when content is truncated, garbled "src=" http://www.mazey.net/images/upload/image/ 20170620/1497968852318294.jpg "alt=" to resolve CSS3 multi-column style column-width layout when content is truncated, garbled "/>

Second, the reason

You need to set the height of the picture container, or it will collapse.

Third, the solution

Add to the containers that need to be broken down height:100%;overflow: auto; .

650) this.width=650, "title=" to resolve CSS3 multi-column style column-width layout when content is truncated, garbled "src=" http://www.mazey.net/images/upload/image/ 20170620/1497969141154758.jpg "alt=" to resolve CSS3 multi-column style column-width layout when content is truncated, garbled "/>

Resolve CSS3 Multi-column style column-width layout when content is truncated, garbled

Resolve CSS3 Multi-column style column-width layout when content is truncated, garbled