multi column adjust content

Asked

Viewed 58 times

5

I’m taking the results from a survey and displaying in 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 in some kind of joker.

inserir a descrição da imagem aqui

the ad is displayed without being entire, needed to be displayed the ad block then yes the next block go to the other column

  • 3

    Can you elaborate a little more your question? It’s a little difficult to understand what you’re wanting.

1 answer

5


You need to add property break-Inside to determine column breakage:

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

In the case avoid avoid column breaking

Jsfiddle

  • 1

    thank you very much was that same, did not know about that part of the break helped a lot :)

Browser other questions tagged

You are not signed in. Login or sign up in order to post.