标准文档流
空白折叠现象：
多个空格会被合并成一个空格显示到浏览器页面中，img标签换行写，会发现美展图片之间有间隙，如果在一行内写，就会解决这个问题，这种现象就被称为空白折叠现象。
<!-- 空白折叠现象 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>空白折叠现象</title> </head> <body> <img src="../../images/1.jpg" alt=""> <img src="../../images/1.jpg" alt=""> </body> </html>
高矮不齐，底边对齐：
文字还有图片大小不一，都会让我们页面的元素出现高矮不齐的现象，但是在浏览器中查看总会发现底边是对齐的。
自动换行，一行写不满，换行写：
如果在一行内写文字，文字过多，浏览器会自动换行显示文字。
