CSS ile elemanlar nasıl ortalanır?

Sky_Fly

Femtopat
Katılım
27 Ocak 2021
Mesajlar
57
Yer
BOEING
Merhaba, CSS ile elemanları nasıl ortalayabiliriz? Eğer zamanınız varsa örnek ile açıklar mısınız?
Mesela a etiketini text-align ile ortalamaya çalışıyorum olmuyor. Div ve span etiketlerini ortalamaya çalışıyorum olmuyor. Mesela nasıl istediğim gibi konumlandırabilirim? (sayfanın köşelerine veya ortasına alma gibi)
 
Son düzenleyen: Moderatör:
CSS Flex veya Grid kullanarak yapabilirsin.

Tam olarak bu şekilde de oluyor ama çok fazla senaryo olabilir kullanamayacağı
Bazı durumlarda eski stil şöyle yapmak gerekiyor:

CSS:
.center{
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
 
[CODE lang="css" title="Flex Sistemi ile ortalayabilirsiniz"].center{
display:flex;
justify-content:center;
align-items:center;
}[/CODE]
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…