(English) How to float divs with different height

Ivan @ 28 / 05 / 2020 @ Веб / Памятки / Программирование
()

Время чтения: ~ 2 мин.

Извините, этот текст доступен только на английском. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.

It was a little complicated to float divs with different height via clean css. Until the flexbox came!
Here’s what shoul be applied to the parent element (the container element) and everything will go well:

.parent { 
display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox; 
display: -moz-box; 
display: flex; 
-webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
flex-wrap: wrap; 
-webkit-flex-flow: row wrap; 
-ms-flex-flow: row wrap; 
flex-flow: row wrap; 
}

 


Может быть интересно:


Подпишитесь на нас в социальных сетях!

Instagram
VK
Facebook
YouTube!

Подпишитесь на обновления

* нажимая на кнопку «Подписаться», вы даете согласие на обработку своих персональных данных