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.