SORU
31 EKİM 2013, PERŞEMBE


Nasıl margin-çöken devre dışı bırakmak için?

Bir yol margin-çöken devre dışı bırakmak için tamamen var mı? Bulduğum tek çözüm (adı "") uncollapsing beraberinde 1px kenarlık kullanarak veya 1px doldurma. Bu kabul edilemez buluyorum: iyi bir neden için, gereksiz piksel komplike hesaplamalar. Daha makul bir şekilde devre dışı bırakmak için bu kenar-çöken var mı?

CEVAP
1 Kasım 2013, Cuma


Boşluğu daraltma iki ana türü vardır:

  • Bitişik öğeleri arasında çöken kenar boşlukları
  • Üst ve alt unsurları arasındaki boşlukları daraltma

Dolgu veya kenarlık kullanarak sadece ikinci durumda çöküşü önlemek. Ayrıca, overflow herhangi bir değeri varsayılan (visible) Ana Ortaklık uygulanan farklı çökmesini engellemek olacaktır. Böylece, her ikisi de overflow: auto overflow: hidden aynı etkiye sahip olacaktır. Eğer üst sabit bir yükseklik varsa hidden kullanarak içerik gizleme gibi istenmeyen sonuçlar olduğunda belki de tek fark.

Üst uygulandıktan sonra, bu davranışı düzeltmek yardımcı olabilecek diğer özellikleri şunlardır:

  • float: left / right
  • position: absolute
  • display: inline-block

Hepsi burada test edebilirsiniz: http://jsfiddle.net/XB9wX/1/.

Her zamanki gibi, Internet Explorer durum olduğunu da belirteyim. Daha spesifik olarak, IE 7 boşluklarını düzen bir çeşit ana öğe, width gibi belirtildiğinde daralmıyor.

Kaynaklar: Sitepoint maddeCollapsing Margins960 GelişmeUnderstand CSS Margins Collapsing

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • A Alkhaldi

    A Alkhaldi

    12 Mayıs 2007
  • ChasesAndCrashes

    ChasesAndCra

    31 Temmuz 2009
  • RaquelGamesBR

    RaquelGamesB

    20 HAZİRAN 2009