CSS 流式布局

普通流或流布局,是在对元素布局进行任何更改之前,块级元素和内联元素在页面上显示的方式。流本质上是一组在您的布局中协同工作并相互了解的事物。一旦某件事被移出流,它就会独立工作。

在普通流中,内联元素沿内联方向显示,即根据文档的书写模式显示单词的方向。块级元素一个接一个地显示,就像段落在该文档的书写模式中那样。因此,在英语中,内联元素从左到右一个接一个地显示,块级元素从顶部开始向下移动页面。

基本示例

以下示例演示了块级和内联级盒子。两个带有绿色边框的段落元素是块级,一个显示在另一个下方。

第一句话还包含一个带有蓝色背景的 span 元素。这是内联级,因此在句子中显示在适当的位置。

指南

参考

词汇表条目