Kategoriler
CSS HTML

HTML ve CSS ile Elemanları Dikey ve Yatay Eksende Ortalamak

Bu işlemi yapmak için birden fazla yöntem mevcut.

  • 1. yöntem table ve table-cell kullanmak.
  • 2. yöntem display: flex ile yapmak.
  • 3. yöntem de position: absolute ile elemanı tabiri caiz ise uçurmak.

3. yöntemin dezavantajı içerideki elemanın sabit bir yükseklik ve genişliği olması gerekiyor.

Bana sorarsanız en kullanışlı yöntem display: flex ile yapmak.

Tüm yöntemler aşağıdaki JSFiddle’da bulunuyor.

Yazar Berkay Davas

15 Haziran 1999’da İstanbul’da doğdum. İlk ve orta öğrenimimi İstanbul’da tamamladım ardından 2017 yılında Çapa Anadolu Öğretmen Lisesinden mezun oldum.

Lise yıllarında başladığım web tasarım ve programlama işini 6 senedir profesyonel olarak sürdürmekteyim. Halihazırda Beykent Üniversitesinde Bilgisayar Mühendisliği eğitimi almaktayım.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir