• 28-06-2022, 16:17:28
    #1
    selamlar flexbox hkkındad ufak bir yardıma ihtiyacım var
    container açıp display flex verdim daha sonra center ve
    width 50% verip ortaladım şimdi yapmak istediğim şey alttaki linkin tam karşısına 2.sste bulunan bölgeye yazıların tam karşısına geçmesini istiyorum flexbox ile bunu nasıl yapabilirim






  • 28-06-2022, 16:20:25
    #2
    justify-content: space-between methodunu kullanabilirsiniz
  • 28-06-2022, 16:25:00
    #3
    metinlerin olduğu alanları ayrı bir div içerisine alıp container divinize align-item: center; justify-content: space-between; yazarsanız sorununuz çözülecektir. Yapamazsanız yazın bakalım.
  • 28-06-2022, 16:30:21
    #4
    üst elemente container için
    position: relative;
    verin sonra
    o link elementi için;
    position: absolute;
    right: 10px;
    top: 10px;
    verip deneyin
  • 28-06-2022, 17:20:08
    #5
    Misafir adlı üyeden alıntı: mesajı görüntüle
    justify-content: space-between methodunu kullanabilirsiniz
    çözüm olmadı
    mustafas3rhat adlı üyeden alıntı: mesajı görüntüle
    metinlerin olduğu alanları ayrı bir div içerisine alıp container divinize align-item: center; justify-content: space-between; yazarsanız sorununuz çözülecektir. Yapamazsanız yazın bakalım.
    hocam yardımcı olur iseniz ücret verebilirim sadece flexboxu daha iyi kavramak istiyorum display flex olan bir containerin içerisinde bu tarz bir hizalama yapmak istiyorm uyarsa pm atın detaylı blgi vereyim
    dnaz adlı üyeden alıntı: mesajı görüntüle
    üst elemente container için
    position: relative;
    verin sonra
    o link elementi için;
    position: absolute;
    right: 10px;
    top: 10px;
    verip deneyin
    flexbox ile çözüm arıyorum display flex ile position beraber çalışmıyor
  • 28-06-2022, 18:07:37
    #6
    Tıkla linkini mi sağa geçirmek istiyorsunuz?

    Kutu içindekileri de flexbox yapıp, Tıkla yazısı + diğer 2 yazı için div oluşturun. Böylece yazılar sol, Tıkla sağ olacak.
    Son bir işlem kaldı, Tıkla yazısına verdiğimiz div'e align-content: end veya align-content: flex-end, en olmadı text-align: right deneyin.

    En en olmadı, Tıkla yazısının div'ine margin-left: auto yazın ancak bunun için herhangi bir genişlik değeri vermemeniz gerekiyor.