2012-01-09 12 views
9

Bu benim CSS Esnek Kutu Düzeni modülünün yeniden yazıldığını ve display:box'un display:flexbox lehine kullanımdan kaldırıldığını anladım.Ekran: kutular ve ekran arasındaki farklar nelerdir: flexbox

display:flexbox halen herhangi bir tarayıcıda (sürüm, beta veya gece) destekleniyor mu? Flexbox'taki yenilikler, eski modüller arasındaki farkların neler olduğu ve/veya eski modülün neden yeniden yazıldığı hakkında bilgi bulabileceğimi bilen var mı? Kısacası

+0

[Kullanabilir miyim?] (Http://caniuse.com/flexbox) – MarkSmits

+2

Hayır, caniuse.com yeni uygulamaya değil, eski uygulamaya başvurur. –

+0

@Philip Bu mu? Yeni çalışma taslağına dayanıyor gibi görünüyor - http://www.w3.org/TR/css3-flexbox/ (tarayıcı önekleriyle ...) –

cevap

6

Şu an itibariyle iyi bir bilgi mevcut değil gibi görünüyor. İyi bir bilgi bulursam bu yazıyı güncelleyeceğim.

Güncelleme: (8/7/2012) Chris: (2012/02/20) caniuse.com şimdi Esnek Kutu Düzeni Modülü

Güncelleme yeni ve eski sürümleri için tarayıcı desteği göstermektedir Coyer, yeni ve eski sözdizimi arasındaki farkı nasıl anlatacağına dair güzel bir makale hazırladı. http://css-tricks.com/old-flexbox-and-new-flexbox/

+0

Makaleyi burada alıntılayabilir veya özetleyebilir misiniz? Sadece aramalardan gelen kullanıcılara yardımcı olur ve daha fazla bağlantıyı tıklamak için tembeldir. Teşekkürler ;) – BoltClock

1

Compatibility table for flexbox support

: IE10 +, Firefox, Chrome, Safari, iOS ve Android.

+0

Bu, 'display: box' değil 'display: flexbox' için, örneklere bakarsanız, hepsi' display: box' işlevini kullanır. Ayrıca, yeni spesifikasyonun yazılması 2011'de başladı, bu yüzden FF2'nin desteklemesinin hiçbir yolu yok. –

+0

Buna ne dersin - http://www.w3schools.com/cssref/css3_pr_box-flex.asp –

+0

Hayır, 'box-flex',' display: box' olarak ayarlanmış elemanların çocuklarında kullanabileceğiniz bir özelliktir. –

0

Sizden bahsedildiği gibi, Flexbox spesifikasyonundaki "ekran" resmi değerleri Mart 2011 Çalışma Taslağı'ndan itibaren "flexbox" ve "inline-flexbox" dır. İlk çalışma taslağında “kutu” değeri belirtilmişti (Temmuz 2009) ve şu anda en yaygın desteğe sahip olan ancak şimdi “flexbox” ile değiştirilmelidir.

İlgili konular