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

  • alex maybury

    alex maybury

    20 Aralık 2007
  • Ben Schoon

    Ben Schoon

    23 Kasım 2012
  • Helen Bradley

    Helen Bradle

    4 Mart 2008

İLGİLİ SORU / CEVAPLAR