Quali sono le differenze tra display: box e display: flexbox

Sono a conoscenza del fatto che il modulo CSS Flexible Layout sia stato riscritto e che lo display:box venga ritirato a favore di display:flexbox.Quali sono le differenze tra display: box e display: flexbox

È display:flexbox attualmente supportato in qualsiasi browser (versione, beta o notte)? Qualcuno sa dove posso trovare alcune informazioni sulle novità in flexbox, quali sono le differenze tra questo e il vecchio modulo e/o perché il vecchio modulo è stato riscritto?

fonte

2012-01-09 Philip Walton

[Posso usare?] (Http://caniuse.com/flexbox) – MarkSmits

No, caniuse.com si riferisce alla vecchia implementazione, non alla nuova. –

@Philip Lo fa? Sembra essere basato sul nuovo progetto di lavoro - http://www.w3.org/TR/css3-flexbox/ (con prefissi del browser ...) –

Sembra che in questo momento non siano disponibili buone informazioni. Aggiornerò questo post se e quando trovo buone informazioni.

Aggiornamento: (2012/02/20) caniuse.com ora mostra il supporto del browser sia per i nuovi e vecchi versioni del Flexible Box modulo di layout

Aggiornamento: (8/7/2012) Chris Coyer ha messo insieme un buon articolo su come distinguere la sintassi nuova e vecchia. http://css-tricks.com/old-flexbox-and-new-flexbox/

fonte

2012-01-21 22:41:44

Potresti citare o riassumere l'articolo qui? Aiuta le persone che si stanno appena fermando dalle ricerche e sono pigri a fare clic su altri link. Grazie ;) – BoltClock

Compatibility table for flexbox support

In breve: IE10 +, Firefox, Chrome, Safari, iOS e Android.

fonte

2012-01-10 00:35:57

Questo è per 'display: box', non' display: flexbox', se si guardano gli esempi, tutti usano 'display: box'. Inoltre, la stesura della nuova specifica è iniziata nel 2011, quindi FF2 non ha alcun supporto. –

Che ne dici di questo - http://www.w3schools.com/cssref/css3_pr_box-flex.asp –

No, 'box-flex' è una proprietà che puoi usare sui figli di elementi che sono impostati su' display: box'. –

Come si menziona, i valori ufficiali per "display" nelle specifiche Flexbox sono "flexbox" e "inline-flexbox", a partire da Draft di lavoro di marzo 2011. Il valore "box" è stato menzionato nel primo Working Draft (luglio 2009) ed è quello che ha il supporto più diffuso al momento, ma dovrebbe essere sostituito da "flexbox".

fonte

2012-02-09 04:19:01 tagawa

Quali sono le differenze tra display: box e display: flexbox

risposta

Problemi correlati