flex-flow :

Flex-direction ve flex Wrap ın kısayoludur. İki özelliği tek bir tanımla tanımlama imkanı verir.

Not: elementin flex özelliği yoksa ,flex-flow etkili olmaz.

Örnek

.flex{
    width: 150px;
    height: 150px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse; /* Safari 6.1+ */
    display: flex;
    flex-flow: row-reverse;
    background: red;
    color: white;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
flex-direction	kapsayıcı eleman içindeki esnek kutuların sıralama yönünü belirler. row/row-reverse/column/column-reverse/initial/inherit
flex-wrap	İki ve daha fazla satırdan oluşan flexlerin nasıl bir davranış sergileyeceğini belirlemek için kullanılır.
İnital
İnherit

Tarayıcı Desteği

29.0 21.0-webkit	28.0 18.0-moz	11.0 10.0-ms-	6.1-webkit	12.10