web-gelistirme-sc.com

Görüntüleri web sitelerinde ortalamanın en iyi yolu nedir?

Yeni bir proje üzerinde her çalıştığımda, metni ortalamak için "text-align: center" kullanarak metni ortalamak için herhangi bir sorunum yok, ancak görüntüleri ortalamak için benzer bir kod görmedim, bu yüzden her zaman kodu hackledim görüntüleri HTML'de ortalayarak (en temiz seçenek değil) veya görüntüye değişken bir genişlik vererek (birden çok çözünürlükte çalışmaz). Bunu denemediğim herhangi bir yol var mı? Ve herhangi biri böyle bir şeyin CSS3'te uygulanıp uygulanmayacağını biliyor mu?

2
rgaspary

İçeren öğeleri stilini

text-align:center;

görüntü stilinizi olarak ayarlayın

display:inline-block;
margin:auto;
8
Sruly

Sruly'nin cevabı kafasına çiviyi vurur. eklemeyi düşüneceğim tek şey vertical-align: middle; için resim etiketi için:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93