Those. like this, with scaling images of different sizes

https://yandex.ua/images/search?text=flower

    3 answers 3

    The simplest solution is to use the jason Masonry plugin or Isotope.

    http://masonry.desandro.com/

    http://isotope.metafizzy.co/

      Use Masonry.

      And stick a picture in the block.

      css: img { max-width: 100%; height: auto; }

        If you're talking about scaling, then you can use css:

         .gallery-row{ height:100px; margin-top:10px; } .gallery-img{ display:inline-block; height:100px; border:1px solid grey; margin:0 5px; } .gallery-img img{ height:100px; } 
         <div class="gallery-row"> <div class="gallery-img"> <img src = "http://dingo.com.ua/source/flowers/323.jpg"/> </div> <div class="gallery-img"> <img src = "http://foneyes.ru/img/picture/Jun/09/31a890e8d9439ea09df6d4a0af2589a6/7.jpg"/> </div> <div class="gallery-img"> <img src = "http://takefon.com/_ld/66/60326919.jpg"/> </div> </div> <div class="gallery-row"> <div class="gallery-img"> <img src = "http://takefon.com/_ld/66/60326919.jpg"/> </div> <div class="gallery-img"> <img src = "http://dingo.com.ua/source/flowers/323.jpg"/> </div> <div class="gallery-img"> <img src = "http://foneyes.ru/img/picture/Jun/09/31a890e8d9439ea09df6d4a0af2589a6/7.jpg"/> </div> </div>