yazilimologgg31
Picopat
- Katılım
- 20 Ekim 2023
- Mesajlar
- 89
Daha fazla
- Cinsiyet
- Erkek
CSS Flex sistemi nasıl yapılır?
- Konuyu başlatan yazilimologgg31
- Başlangıç Tarihi
- Mesaj 6
- Görüntüleme 222
Hocam tam demek istediğini anlaamdım ama sanırım wrap ile yapabilirsiniz.
www.w3schools.com
CSS flex-wrap property
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
yazilimologgg31
Picopat
- Katılım
- 20 Ekim 2023
- Mesajlar
- 89
Daha fazla
- Cinsiyet
- Erkek
Hocam tam demek istediğini anlaamdım ama sanırım wrap ile yapabilirsiniz.
CSS flex-wrap property
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
Şöyle olacak hocam yardım edebilir misin acaba?
Dosya Ekleri
serhatcandev
Megapat
flex-direction: row;
justify-content: space-between;Hocam sizin için bir taslak hazırladım bakabilirsiniz
TheAny
Megapat
- Katılım
- 18 Aralık 2018
- Mesajlar
- 7.696
- Makaleler
- 13
- Çözümler
- 103
Eğer div(flex) { div div } div şeklinde kullanırsan olması lazım istediğin şeyin. Body eğer displayini değiştirmediysen blocktur. Blockta tüm elementler alt alta ekranın tamamını kaplayacak kadar doldurulur. Yani iki kutuyu dive koyar üçüncüyü bodye koyarsan olur. Örnek;
HTML:
<div style="display: flex; margin-bottom: 10px; justify-content: space-between;">
<div style="border: 1px solid black; width: 90%; height: 100%; padding: 10px; margin: 5px; "></div>
<div style="border: 1px solid black; width: 90%; height: 100%; padding: 10px; margin: 5px; "></div>
</div>
<div style="border: 1px solid black; padding: 10px; "></div>
