aşağıdaki gibi bir alanım var, bu alan yana doğru kayıyor, ben taşanları aşağıya doğru listelenmesini istiyorum, bunu nasıl yapabilirim. şuan: "overflow: auto;" var, overflow-x: hidden; display: flex; flex-direction: column; align-items: center;bunları ekliyorum olmuyor, sonra, flex-direction: inherit; bunu ekliyorum hepsi alt alta geçiyor... bir türlü taşanı aşağıya almayı yapamadım

flex-wrap: wrap; bu kod divleri sınıra ulaştımı alt kısma doğru kaydırır

Misafir adlı üyeden alıntı: mesajı görüntüle flex-wrap: wrap; çok teşekkür ederim flex-wrap: wrap; overflow-x: hidden; max-width: 100%;ile oldu

VektorMedya adlı üyeden alıntı: mesajı görüntüle çok teşekkür ederim flex-wrap: wrap; overflow-x: hidden; max-width: 100%;ile oldu Grid yapısını kullanmanız daha doğru olur. Cihazın genişliğine göre kendini ayarlarladığı için geniş ekranlarda sıkıntılı görünebilir.

CSS sorunu - yardımcı olabilecek

09-06-2024, 22:14:16

#1

VektorMedya
aşağıdaki gibi bir alanım var,

bu alan yana doğru kayıyor, ben taşanları aşağıya doğru listelenmesini istiyorum, bunu nasıl yapabilirim.

şuan: "overflow: auto;" var,
```
overflow-x: hidden;
    display: flex;
    flex-direction: column;
align-items: center;
```
bunları ekliyorum olmuyor, sonra,

flex-direction: inherit;
bunu ekliyorum hepsi alt alta geçiyor...

bir türlü taşanı aşağıya almayı yapamadım
Kabul Edilen Cevap
- bayek
  
  1 Beğeni
  
  Mesaja Git
  
  flex-wrap: wrap;
09-06-2024, 22:16:33

#2

Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.

Misafir
flex-wrap: wrap;
ardabasar bunu beğendi.

1 kişi bunu beğendi.
09-06-2024, 22:18:53

#3

ardabasar

flex-wrap: wrap;
bu kod divleri sınıra ulaştımı alt kısma doğru kaydırır
09-06-2024, 22:20:54

#4

VektorMedya
Misafir adlı üyeden alıntı: mesajı görüntüle

flex-wrap: wrap;

çok teşekkür ederim
```
flex-wrap: wrap;
overflow-x: hidden;
max-width: 100%;
```
ile oldu
09-06-2024, 22:23:17

#5

Misafir
VektorMedya adlı üyeden alıntı: mesajı görüntüle
çok teşekkür ederim

flex-wrap: wrap; overflow-x: hidden; max-width: 100%;
ile oldu
Grid yapısını kullanmanız daha doğru olur. Cihazın genişliğine göre kendini ayarlarladığı için geniş ekranlarda sıkıntılı görünebilir.