Css flex hakkında sorum

24.10.2018 21:00

imsomnia Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 03.12.2016
Yaş/Cinsiyet 30 / E
Meslek web developer
Konum İstanbul Anadolu

Ad Soyad C** S**
Mesajlar 209
Beğeniler 37 / 37
Ticaret 0, (%0)

Merhaba;

Css ile şöyle bir şey yapmak istiyorum flex kısmında divleri ortalayabiliyorum fakat 2 tane en üstte diğerleri altında sıralansın istiyorum fakat eklediğim tüm divler tek bir satırda oluyor 2 div ekledikten sonra alt satıra nasıl geçebilirim ?

Teşekkürler.

24.10.2018 22:56

#2

91604 WM Aracı Anonim Üyelik

Üyelik 02.06.2018
Yaş/Cinsiyet - /
Meslek
Konum

Ad Soyad ** **
Mesajlar 41
Beğeniler 4 / 20
Ticaret 7, (%100)

kodları buraya eklerseniz daha rahat yardımcı olabiliriz.Çünkü bu durumun birden fazla sebebi olabilir.

25.10.2018 08:53

#3

imsomnia Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 03.12.2016
Yaş/Cinsiyet 30 / E
Meslek web developer
Konum İstanbul Anadolu

Ad Soyad C** S**
Mesajlar 209
Beğeniler 37 / 37
Ticaret 0, (%0)

dnapick Hocam kodlarım : https://codepen.io/Csulu/pen/pxQBzK

25.10.2018 09:58

#4

91604 WM Aracı Anonim Üyelik

Üyelik 02.06.2018
Yaş/Cinsiyet - /
Meslek
Konum

Ad Soyad ** **
Mesajlar 41
Beğeniler 4 / 20
Ticaret 7, (%100)

Kapsayıcı div genişliği içerdeki divlerden daha geniş olduğu için flex ile bunu yapman zor olur.
Daha doğrusu ana div içesine gizli bir div oluşturup (400px) onu flex kapsayıcısı yaparsan flex ile yapabilirsin.

Ya da bunun için geliştirilmiş CSS Grid yapısını kullanabilirsin.İşlem daha kolay olur.





.kapsayici {

  display: grid;

  grid-gap : 20px 20px;

  grid-template-columns: 100px 100px;

  justify-content: center;

  align-items: center;

  width: 1200px;



}



.kapsayici div {

  width: 200px;

  background: red;

  border: 1px solid #333;

}

Css flex hakkında sorum

Üye Girişi Yap