Bu dersimizde CSS'de Hizlama Seçenekleri konusunu öğreneceğiz.
Bir blok etiketini (div gibi) yatay olarak ortalamak için margin: auto;
özelliği kullanılır.Etiketin genişliğini ayarlamak, kapsayıcının kenarlarına kadar uzanmasını önleyecektir.Etiket daha sonra belirtilen genişliği kaplar ve kalan alan iki kenar boşluğu arasında eşit olarak bölünür:
.center {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
}
Not: Genişlik özelliği ayarlanmamışsa (veya100%'e ayarlanmışsa) ortaya hizalamanın hiçbir etkisi yoktur.
Metni bir etiketin içinde ortalamak için text-align: center;
kullanılır.
.center {
text-align: center;
border: 3px solid green;
}
Bir resimi ortalamak için, sol ve sağ kenar boşluğunu otomatik olarak ayarlayın ve onu bir blok etiketi haline getirin:
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
Sorular (0)