2

Estou pegando do banco de dados um texto:

<p> texto um pouco curto </p>

E exibindo usando columns do css em 3 partes, porém gostaria de saber se e possível bloquear o texto fazendo com que só crie outra coluna após o </p>.

#textocolunas {
    font-size: 12pt;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    -webkit-column-rule: 1px solid #C0C0C0;
       -moz-column-rule: 1px solid #C0C0C0;
            column-rule: 1px solid #C0C0C0;
}

Segue um fiddle EDITADO de como está:

atualizado o jsfiddle

inserir a descrição da imagem aqui

6
  • 1
    Não da pra entender sua pergunta amigo Commented 23/02/2016 às 18:16
  • Você poderia reformular sua pergunta? Está um pouco incompreensível. Commented 23/02/2016 às 18:25
  • Ainda continua confusa.
    – user28595
    Commented 23/02/2016 às 21:22
  • os textos serao acrecentados aleatoriamente, nao é o mesmo sempre nesse caso so resolveria esse problema Commented 23/02/2016 às 21:34
  • Ele está determinando a altura automaticamente para criar as 3 colunas que você pediu. Se você der uma altura fixa para o elemento, o conteúdo só quebra de coluna ao ultrapassar essa altura.
    – bfavaretto
    Commented 23/02/2016 às 21:40

1 Resposta 1

0

Infelizmente isto ainda não é possível. E por mais incrível que parece, a impressão de colunas só funciona no IE. No firefox imprime as colunas, mas ainda tem alguns erros. E no Chrome, não imprime as colunas.

Acesse o site da w3c ou a Comunidade de Desenvolvedores da Mozilla.

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 .