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

  • AyfionGaming

    AyfionGaming

    20 ŞUBAT 2013
  • Barnacules Nerdgasm

    Barnacules N

    20 Temmuz 2006
  • Tire Rack

    Tire Rack

    31 Mayıs 2007