multi column adjust content

5

I'm getting results from a search and displaying on a div using column count

width:800px; -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;

But I need the column to be closed at the end of the sentence or some kind of wildcard.

The ad is displayed without being integer, you needed the ad unit to be displayed then yes the next block go to the other column

    
asked by anonymous 18.06.2014 / 20:50

1 answer

5

You need to add the break-inside property to break- determine column break:

-webkit-column-break-inside: avoid;
-moz-column-break-inside:avoid;
-moz-page-break-inside:avoid;
page-break-inside: avoid;
break-inside: avoid;

In case avoid avoid column break

JSFiddle

    
19.06.2014 / 01:09