CSS3 align-content özelliği
CSS align-content özelliği
Css align content özelliği niçin kullanılır ? Esnek kutu modelinde(flex) amaç, bir kapsayıcıya içindeki kutuların esnek bir şekilde yerleştirilmesidir. CSS align-content ,bir bakıma içeriği hizalama yöntemi de denilebilir.Örnek:
Bu örnekte flex (esnek kutu modeli ile ) ile yapılandırılmış "kutuları" align-content
özelliğinin center
değeri kullanılarak kutular kapsayıcı kutunun merkezinde hizalanacak.
div {
width: 50px;
height: 250px;
border: 2px solid black;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
}
width: 50px;
height: 250px;
border: 2px solid black;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
}
CSS align-content nedir , nasıl kullanılır
CSS align-content Tarayıcı Desteği
CSS Kodu: | |||||
---|---|---|---|---|---|
align-content | 21.0 | 11.0 | 28.0 | 9.0 7.0 -webkit- | 12.1 |
CSS align-content değerleri
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
Yorumlar
Yorum Gönderme