div Merkezi'nde büyük boy resim

SORU

28 Ocak 2013, PAZARTESİ

div Merkezi'nde büyük boy resim

Sadece css kullanarak bir div içinde büyük boyutlu bir görüntü merkezi nasıl dışarı sıralamak için çalışıyorum.

Sıvı düzeni kullanarak, görüntü konteyner genişliği, sayfa genişliği gibi (div yüksekliği sabit) değişir. Resmi bir div içinde, eğer görüntü sayfa üzerinden bakıyor gibi görünmesi için ilave bir boxshadow withvalue oturur.

Resmin kendisi, mümkün olduğu kadar geniş değeri (tasarım max-genişlik değeri) çevre div dolduracak büyüklükte olmuştur.

Oldukça kolay görüntüyü çevreleyen div küçükse yapmak için:

margin-left: auto;
margin-right: auto;
display: block;

Ama görüntü sadece sol kenarından başlar ve sağ Merkez dışı div daha büyük olduğunda (taşma kullanıyoruz: gizli).

=100%, ama tarayıcılar, yüksek kalite görüntü etrafında yeniden boyutlandırma görüntüleri ve web tasarım merkezlerinden berbat bir iş yapmak bir genişlik verebilirler.

Görüntü taşma yani ortalama bir fikir:her iki kenarları kapalı gizli kesintileri eşit?

Teşekkürler

CEVAP

16 EKİM 2013, ÇARŞAMBA

Böyle bir şey deneyin. Bu orta üst hem de ne olursa olsun saygı ile dikey ve yatay olarak kendi boyutları içinde herhangi bir büyük öğe merkezi.

.parent {
    position: relative;
    overflow: hidden;
}

.child {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

}

Bunu Paylaş: