https://jsfiddle.net/kgdv289n/
Flexbox nasıl dikey hizalanır ? |
6 Mesajlar | 1.095 Okunma | ||
Toplam 6 mesaj ve 1.095 görüntüleme
- Üyelik 02.01.2014
- Yaş/Cinsiyet 34 / E
- Meslek Wordpress, CSS Dev.
- Konum Ankara
- Ad Soyad Y** S**
- Mesajlar 96
- Beğeniler 19 / 7
- Ticaret 0, (%0)
Merhaba, ortadaki beyaz kutu tam merkezde (yatay ve dikey) olmasını istiyorum.Nasıl yapabilirim ?
J4cob.net
- Üyelik 20.06.2016
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 632
- Beğeniler 0 / 196
- Ticaret 9, (%89)
Tam anlayamadım biraz daha açarmısım örneklendirirmisin ?
- Üyelik 02.01.2014
- Yaş/Cinsiyet 34 / E
- Meslek Wordpress, CSS Dev.
- Konum Ankara
- Ad Soyad Y** S**
- Mesajlar 96
- Beğeniler 19 / 7
- Ticaret 0, (%0)
Tam anlayamadım biraz daha açarmısım örneklendirirmisin ?
yukarıda (ilk post) jsfiddle da attığım gibi sadece yatay olarak merkezde.Ben hem yatay hem dikey olarak merkezlenmesini istiyorum.
Aşağıdaki resimden anlayabilirsin :
Şuan kutunun durumu : https://i.hizliresim.com/VM7lWv.png
Benim istediğim kutu : https://i.hizliresim.com/nWDA0M.png
J4cob.net
- Üyelik 20.06.2016
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 632
- Beğeniler 0 / 196
- Ticaret 9, (%89)
WolfmanTR telefonda bu kadar doğrulta bildim üzerinde oynayarak devam et sadece css bunu degiştir
body{
font-family: 'Quicksand', sans-serif;
line-height: 100%;
background: #ff0000;}
#wrapper{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#box{
background: #fff;
padding: 25px 25px 25px 25px;
border-radius: 3px;
margin-top:50%;
}
- Üyelik 20.06.2016
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 632
- Beğeniler 0 / 196
- Ticaret 9, (%89)
Yada şu makaleyi incele kardeşim
http://fatihhayrioglu.com/yatay-ve-dikeyde-ortali-alanlar-olusturmak/
http://fatihhayrioglu.com/yatay-ve-dikeyde-ortali-alanlar-olusturmak/
- Üyelik 11.07.2017
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum İstanbul Avrupa
- Ad Soyad E** K**
- Mesajlar 169
- Beğeniler 8 / 45
- Ticaret 1, (%100)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)