CSS 流式佈局

普通流或流佈局,是在對元素佈局進行任何更改之前,塊級元素和內聯元素在頁面上顯示的方式。流本質上是一組在您的佈局中協同工作並相互瞭解的事物。一旦某件事被移出流,它就會獨立工作。

在普通流中,內聯元素沿內聯方向顯示,即根據文件的書寫模式顯示單詞的方向。塊級元素一個接一個地顯示,就像段落在該文件的書寫模式中那樣。因此,在英語中,內聯元素從左到右一個接一個地顯示,塊級元素從頂部開始向下移動頁面。

基本示例

以下示例演示了塊級和內聯級盒子。兩個帶有綠色邊框的段落元素是塊級,一個顯示在另一個下方。

第一句話還包含一個帶有藍色背景的 span 元素。這是內聯級,因此在句子中顯示在適當的位置。

指南

參考

詞彙表條目