CSS'de merkez nasıl yapılır?
CSS'de bir elemanı merkezlemek için birkaç yöntem bulunmaktadır: 1. Flexbox Kullanımı: Elemanı hem yatay hem de dikey olarak merkezlemek için `display: flex;`, `justify-content: center;` ve `align-items: center;` özelliklerini kullanmak yeterlidir. ```css .container { display: flex; justify-content: center; align-items: center; height: 100vh; } ``` 2. Grid Kullanımı: `display: grid;` ve `place-items: center;` özellikleri ile de elemanı merkezlemek mümkündür. ```css .container { display: grid; place-items: center; height: 100vh; } ``` 3. Absolute Konumlandırma: `position: absolute;`, `top: 50%; left: 50%; transform: translate(-50%, -50%)` özellikleri ile elemanı merkezleyebilirsiniz. ```css .parent { position: relative; } .child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ``` 4. Margin Kullanımı: `margin: 0 auto;` özelliği, blok düzeyinde bir elemanı yatay olarak merkezlemek için kullanılabilir.
CSS'de merkez nasıl yapılır?