CSS Flex sistemi nasıl yapılır?

Y

yazilimologgg31

Centipat
Katılım
20 Ekim 2023
Mesajlar
98
Daha fazla  
Cinsiyet
Erkek
Front end kısmı sağ üste alttaki loremde sol ortaya gelecek. Burada tıkandım da yardım eder misiniz?
 

Dosya Ekleri

  • Ekran görüntüsü 2023-10-27 192044.png
    1,7 MB · Görüntüleme: 68
Hocam tam demek istediğini anlaamdım ama sanırım wrap ile yapabilirsiniz.

W3Schools.com

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.
www.w3schools.com
 

Şöyle olacak hocam yardım edebilir misin acaba?
 

Dosya Ekleri

  • Ekran görüntüsü 2023-10-27 135041.png
    609,5 KB · Görüntüleme: 53
İstediğin şey iki kutudan birinin solda, birinin sağda, kutu içinde olmayan stringin de ortada olmasını mı istiyorsun?

Not: Sayfayı yenilemediğim için istediğin şeyin resmini görmemiştim.
 
TheAny dedi:
İstediğin şey iki kutudan birinin solda, birinin sağda, kutu içinde olmayan stringin de ortada olmasını mı istiyorsun?

Not: Sayfayı yenilemediğim için istediğin şeyin resmini görmemiştim.
Genişletmek için tıkla...
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>
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…