1

por que o atributo css column-count nao funciona no mozilla firefox segue abaixo como esta ficando no google chrome e no mozilla firefox

Mozilla firefox mozilla firefox

Google chrome inserir a descrição da imagem aqui

como faço para que no mozilla firefox fique igual ao google chrome?

codigo:

CSS

.imagem{
    width: 100%;
    height: 100%;
    margin-top: 4px;
    min-width: 0rem;
    float: left;
    overflow: hidden;
    background-color: none;
    position: relative;
    text-align: center;
    cursor: default;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
}
.img{
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    -moz-break-inside: avoid;
    -webkit-break-inside: avoid;
    break-inside: avoid;
}
#container{
    padding-left: 0;
    padding-right: 0;
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}

HTML

<div class="col-md-12 col-lg-12" id="container">
    <div class="img">
      <div class="imagem">
        <img class="img-responsive" src="caminho das img">                                                          
      </div>
    </div>
</div>

como eu faço para que no firefox fique igual ao chrome?

0

1 Resposta 1

0

Acho que existe algo que está quebrando sem ser o column-count o mesmo é suportado a partir do mozilla 2.0 se puder adicionar mais detalhes ou um maior trecho de código. Obrigado!

Qualquer duvida sobre : w3schools

5
  • opa adicionei o resto do html e o respectivo trecho do css Commented 2/06/2017 às 21:49
  • Acho que encontrei o problema. retire o padding: padding-right: 2px; padding-left: 2px; do .img e veja se funciona. Commented 2/06/2017 às 21:53
  • nao continua o mesmo Commented 2/06/2017 às 21:56
  • jsfiddle.net/yvnbsLfo adicionei para cada img o col-md-12 do Bootstrap, veja se funciona. Commented 2/06/2017 às 22:11
  • nao funciono eu estava lendo um artigo em que um usuario mandou tirar o float:left e adicionar o inline-block na minha classe .img porem quando eu altero no codigo ele nao funciona mas quando eu altero no modo desenvolvedor do mozilla ele funciona voce sabe me dizer o porque isso ocorre? Commented 2/06/2017 às 22:47

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 .