CSS Dersleri

CSS ile Resim, Yazı, Sayfa Ortalama Örnekleri

Css ile sayfaları, yazıları veya resimleri ortalamak mümkündür. Aşağıda resimler yazılar ve diğer birçok örnekleri bulabilirsiniz.

  1. display: flex ve justify-content: center kullanarak bir div’in içindeki öğeleri ortalamak:
.container {
  display: flex;
  justify-content: center;
}

  1. text-align: center kullanarak bir paragrafın içindeki yazıyı ortalama kodunu şu şekilde gösterebiliriz.:
p {
  text-align: center;
}

  1. margin: auto kullanarak bir resmi ekranın tam ortasına yerleştirmek için:
img {
  display: block;
  margin: auto;
}

  1. position: absolute ve left: 50% kullanarak bir div’i ekranın ortasına yerleştirmek:
.box {
  position: absolute;
  left: 50%%;
  transform: translate(-50%%, 0);
}
  1. display: grid ve place-items: center kullanarak bir div’in içindeki öğeleri ortalamak:
.container {
  display: grid;
  place-items: center;
}

  1. display: table ve margin: auto kullanarak bir div’i ekranın ortasına yerleştirmek:
  2. https://www.high-endrolex.com/35
.box {
  display: table;
  margin: auto;
}

  1. display: table-cell ve vertical-align: middle kullanarak bir div’in içindeki öğeleri dikey olarak ortalamak:
.container {
  display: table-cell;
  vertical-align: middle;
}

Benzer Konular:

HTML CSS Açılır Menü Örnekleri

HTML ve CSS ile Animasyonlu Arama Kutusu

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir