Why does column-Count not work in firefox?

Asked

Viewed 106 times

1

why the attribute css column-count does not work in the firefox Mozilla follows below as this getting in the google chrome and in the mozilla firefox

Mozilla firefox mozilla firefox

Google chrome inserir a descrição da imagem aqui

how do I make mozilla firefox become the same as google chrome?

code:

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>

how I do so that in firefox become the same as chrome?

html css css3

1 answer

0

I think there is something that is breaking without column-Count the same is supported from Mozilla 2.0 if you can add more details or a larger chunk of code. Thank you!

Any doubt about : w3schools

  • opa added the rest of the html and its part of css

  • I think I found the problem. remove the padding: padding-right: 2px; padding-left: 2px; do . img and see if it works.

  • is not the same

  • https://jsfiddle.net/yvnbsLfo/ I added for each img the Bootstrap col-Md-12, see if it works.

  • I was reading an article in which a user had the float:left and add the inline-block in my class .img however when I change in the code it does not work but when I change in the developer mode of Mozilla it works Voce can tell me why this occurs?

Browser other questions tagged html css css3

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