SORU
6 Mart 2009, Cuma


Nasıl kolayca yatay olarak ortala <div> CSS kullanarak mı?

Yatay olarak bir sayfada <div> blok elementi merkezi ve minimum genişlik için ayarlama yapmaya çalışıyorum. Bunu yapmak için en kolay yolu nedir? <div> eleman sayfamı geri kalanı ile satır içi olmak istiyorum. Bir örnek çizmeye çalışacağım:

page text page text page text page text
page text page text page text page text
               -------
               | div |
               -------
page text page text page text page text
page text page text page text page text

CEVAP
6 Mart 2009, Cuma


Çoğu tarayıcı bu iş

Stil

div.centre
{
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div class="centre">Some Text</div>

IE6 başka bir dış div eklemek gerekir...

Stil

div.layout
{
  text-align: center;
}
div.centre
{
  text-align: left;
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div class="layout">
  <div class="centre">Some Text</div>
</div>

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • boniver

    boniver

    17 NİSAN 2006
  • max2sims2

    max2sims2

    19 Kasım 2008
  • Tina Chen

    Tina Chen

    26 Mayıs 2012