SORU
24 Temmuz 2011, Pazar


CSS: bir içinde merkezi elemanı <div> öğesi

Merkezi bir HTML elemanı için CSS hilesi left: 50%; kullanabilirim. Ancak, bütün bu pencere ile ilgili eleman merkezleri.

Şimdi <DIV> bir öğenin alt öğesi olan bir element var ve anne-baba açısından çocuk merkezi için istiyorum <DIV> tüm pencere değil.

Bunu nasıl yapabilirim?

EDİT: Kap <DIV> olmasını istemiyorumtümiçerik ortalanmış, sadece belirli bir çocuk merkezli.

CEVAP
24 Temmuz 2011, Pazar


Text-align:center; üst div ve boşluğunu ayarlayın:auto; alt div.

JsFiddle Demo

HTML

<div id="parent">
    <div id="child1" class="block center">a block to align center and with text aligned left</div>
    <div id="child2" class="block left">a block to align left and with text aligned left</div>
    <div id="child3" class="block right">a block to align right and with text aligned left</div>
</div>

CSS

#parent {
    text-align:center;
    background-color:blue;
    height:400px;
    width:600px;
}
.block {
    height:100px;
    width:200px;
    text-align:left;
}
.center {
    margin:auto;
    background-color:green;
}
.left {
    margin:auto auto auto 0;
    background-color:red;
}
.right {
    margin:auto 0 auto auto;
    background-color:yellow;
}

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Bryan Adams

    Bryan Adams

    30 Mart 2006
  • failblog

    failblog

    17 HAZİRAN 2008
  • NikkoNantone

    NikkoNantone

    21 Kasım 2011