SORU
22 EYLÜL 2008, PAZARTESİ


Yatay olarak ortala bir div içinde bir div

Nasıl yatay div kullanarak bir CSS içinde div eğer mümkün ise) Merkez miyim?

Dış div 100% genişlik:

<div id="outer" style="width:100%">  
  <div id="inner">Foo foo</div>
</div>

CEVAP
22 EYLÜL 2008, PAZARTESİ


İç bu div için CSS uygulayabilirsiniz:

#inner {
    width: 50%;
    margin: 0 auto;
}

Tabii ki, P genişliğini ayarlamak gerek yok. Herhangi bir genişlik daha az içeren bir div daha çalışacak. margin: 0 auto gerçek ortalama yapıyor.

Eğer daha iyi olabilir IE8 , bunun yerine sahip hedefleme:

#inner {
    display: table;
    margin: 0 auto;
}

İç elemanı yatay olarak ortala yapacak ve belirli bir genişlik ayarı olmadan çalışır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • TotalxLuna

    TotalxLuna

    27 Kasım 2011
  • Trevor Eckhart

    Trevor Eckha

    19 Aralık 2009
  • Whizzpopping

    Whizzpopping

    10 Kasım 2005