流(Flow)在HTML中的体现

块元素中的流

块元素在页面从上到下逐个显示,每两个元素之间默认添加一个空格,这就是流在块元素中的体现

这是第一段

这是第二段

这是第三段

内联元素中的流

内联元素总体的流向是从左上方流向右下方

这一段文字中的内联元素相互挨着摆放,当页面变窄,一行不够容纳其内容时,其自动换行到下一行

用一些内联元素Span,拖动浏览器,可以更直观体现出流在内联元素中的效果