SORU
22 Ocak 2011, CUMARTESİ


Nasıl öğeleri uçuyor muyum?

Sayfa oluşturuyorum ve ortalanmış olmalı. Sorun bağlantıları süzülüyor olması gerekir yani blok olarak gösterilmesine ihtiyaç vardır. Ama sonra, text-align: center; onlara işlemiyor. Sarıcı sol div doldurma vererek elde edebiliriz, ama her sayfada o yüzden de işe yaramayacak sayfaları farklı sayıda olacaktır. İşte benim HTML:

<div class='pagination'>
<a class='first' href='#'>First</a>
<a href='#'>1</a>
<a href='#'>2</a>
<a href='#'>3</a>
<a class='last' href='#'>Last</a>
</div> <!-- end: .pagination -->

Ve CSS:

.pagination {
    text-align: center;
}
.pagination a {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 3px;
    background: url(/images/structure/pagination-button.png);
}
.pagination a.last {
    width: 90px;
    background: url(/images/structure/pagination-button-last.png);
}
.pagination a.first {
    width: 60px;
    background: url(/images/structure/pagination-button-first.png);
}

Bir fikre, ne istiyorum:

alt text

CEVAP
22 Ocak 2011, CUMARTESİ


floats kaldırma, ve inline-block kullanarak sorunları çözebilir:

 .pagination a {
-    display: block;
     display: inline-block;
     width: 30px;
     height: 30px;
-    float: left;
     margin-left: 3px;
     background: url(/images/structure/pagination-button.png);
 }

(satır - ile başlayan kaldırmak ve çizgiler*.* 10) ile başlayan ekleyin

inline-block çapraz tarayıcı, hatta IE6 öğe aslında bir satır içi eleman olarak çalışır.

quirksmode alıntı:

Blok ötedeki bir satır satır (örn. aynı satırda bitişik içerik olarak), ama bir blok gibi davranır.

bu genellikle etkili bir şekilde gitmesi için değiştirebilirsiniz

Bu değer, gerçek kullanım bir satır içi eleman genişliği vermek istiyorum. Bazı tarayıcılar gerçek içi bir öğe üzerinde bir genişliğe izin yok, ama eğer görüntü geçtiğinizde bazı durumlarda: ınline-block genişliği ayarlamak için izin verilir.” ( http://www.quirksmode.org/css/display.html#inlineblock ).

W3C spec:

[ınline-block] neden bir elemanı satıriçi düzeyi blok bir kapsayıcı oluşturmak için. Satıriçi bir blok içinde blok bir kutu olarak biçimlendirilmiş ve eleman kendisi satıriçi düzeyi atomik bir kutu olarak biçimlendirilmiş.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • alexis gillis

    alexis gilli

    23 HAZİRAN 2011
  • Day9TV

    Day9TV

    22 NİSAN 2010
  • SHAYTARDS

    SHAYTARDS

    1 EKİM 2008