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

  • 0TACTICAL0HIPPY0

    0TACTICAL0HI

    30 EYLÜL 2012
  • super1988guy

    super1988guy

    9 Aralık 2007
  • TitaniumBackup

    TitaniumBack

    10 EYLÜL 2011