Yazeka
Arama sonuçlarına göre oluşturuldu
Flex (esnek kutu) özelliğini kullanmak için aşağıdaki adımlar izlenebilir:
- Kapsayıcı tanımlama:
display: flex;
veyadisplay: inline-flex;
özelliği ile kapsayıcı (container) oluşturulur 124. - Yön belirleme:
flex-direction
özelliği ile öğelerin yönü belirlenir 24. Örneğin,row
değeri öğeleri yatay,column
değeri ise dikey olarak sıralar 24. - Sarmalama (wrap):
flex-wrap
özelliği ile kapsayıcıdaki öğelerin sığmadığında alt veya üst satıra geçip geçmeyeceği ayarlanır 124.nowrap
(varsayılan) değeri tek satırda,wrap
birden fazla satırda,wrap-reverse
ise ters sırada sarmalamayı sağlar 124. - Hizalama:
justify-content
vealign-items
özellikleri ile öğeler yatay ve dikey eksende hizalanır 125. Örneğin,justify-content
içinflex-start
(sola dayalı),flex-end
(sağa dayalı),center
(ortada) gibi değerler kullanılabilir 125.
Flex özelliği, karmaşık web tasarımlarında elemanları kolayca hizalamak ve responsive (duyarlı) yapılar oluşturmak için kullanılır 5.
5 kaynaktan alınan bilgiyle göre: