Nasıl Yapılır - Görüntüleri Ortala
Bir görüntüyü CSS ile nasıl ortalayacağınızı öğrenin.
Ortalanmış görüntü:
Görüntüler Nasıl Ortalanır
Adım 1) HTML'yi ekleyin:
Örnek
<img src="paris.jpg" alt="Paris" class="center">
Adım 2) CSS'yi ekleyin:
Bir görüntüyü ortalamak için sol ve sağ kenar boşluğunu ayarlayın ve auto
bir block
öğeye dönüştürün:
Örnek
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Genişlik %100 (tam genişlik) olarak ayarlanmışsa ortalanamayacağını unutmayın.
İpucu: Resimlere nasıl stil uygulanacağı hakkında daha fazla bilgi edinmek için CSS Görselleri Eğitimimize gidin .