Because the css
column-count
attribute does not work in mozilla firefox it follows as it is in google chrome
and mozilla firefox
Googlechrome
HowdoImakemozillafirefox
equaltogooglechrome
?
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
<divclass="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 do I make the firefox
equal to chrome
?