CSS flex-flow

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

See the Pen <a href='http://codepen.io/w3tr/pen/QjXpbm/'>flex-flow</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.<br />

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

Bir cevap yazın Cevabı iptal et