5

Estou pegando do bando resultados de uma pesquisa e exibindo em uma div usando column count

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

porem preciso que a coluna seja fechada no final da frase ou em algum tipo de coringa.

inserir a descrição da imagem aqui

o anuncio é exibido sem que esteja inteiro, precisava que fosse exibido o bloco de anuncio depois sim o proximo bloco ir para a outra coluna

1
  • 3
    Você pode elaborar um pouco mais sua pergunta? Está um pouco difícil entender o que você está querendo.
    – Kazzkiq
    Commented 18/06/2014 às 18:56

1 Resposta 1

5

Você precisa adicionar a propriedade break-inside para determinar a quebra de colunas:

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

No caso avoid evite a quebra de coluna

JSFiddle

1
  • 1
    muito obrigado era isso mesmo, não conhecia sobre essa parte do break ajudou muito :) Commented 18/06/2014 às 23:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .