CSS Flow Layout

Flusso normale, o layout di flusso, è il modo in cui gli elementi Block e Inline vengono visualizzati in una pagina prima che vengano apportate modifiche al loro layout. Il flusso è essenzialmente un insieme di cose che lavorano tutte insieme nel tuo layout. Una volta che qualcosa viene tolto dal flusso, funziona in modo indipendente.

Nel flusso normale, gli elementi in linea vengono visualizzati nella direzione in linea, o cioè nella direzione in cui le parole vengono visualizzate in una frase in base alla modalità di scrittura del documento. Gli elementi di blocco vengono visualizzati uno dopo l’altro, come fanno i paragrafi nella modalità di scrittura del documento. In inglese, quindi, gli elementi in linea vengono visualizzati uno dopo l’altro, a partire da sinistra, e gli elementi di blocco iniziano dall’alto e si spostano verso il basso nella pagina.

Nell’esempio riportato di seguito vengono illustrate le caselle Blocco e Livello in linea. I due elementi di paragrafo con un bordo verde sono a livello di blocco, visualizzando uno sotto l’altro.

La prima frase include anche un elemento span con uno sfondo blu. Questo è il livello in linea e quindi viene visualizzato in posizione nella frase.

Potrebbe interessarti Box Model