Bu işlemi yapmak için birden fazla yöntem mevcut.
1. yöntem
2. yöntem
3. yöntem de
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
Tüm yöntemler aşağıdaki JSFiddle'da bulunuyor.
jsfiddle.net
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.
Centering - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net
