HTML文件流
阿新 • • 發佈：2021-01-13
概念
我們編寫的html文件是顯示在瀏覽器上面的，我們可以將瀏覽器的螢幕比作河流的兩岸，那麼它裡面顯示的內容就是文件流。
文件流的組成單位就是html元素。大致可以分為兩類:
| 元素型別 | 特點 | 舉例 |
|---|---|---|
| 塊級元素（block） | 在文件流中獨佔一行，元素前後都有換行符 | div、p |
| 內聯元素（inline） | 多個內聯元素在文件流中可以並排顯示 | span、img |
塊級元素和內聯元素
看下面的例子
<style>
.inline {
border: 1px solid black;
}
.block {
border: 1px solid black;
} 
我們可以發現內斂元素並不是僅僅挨在一起的，中間是有一個空格的。
內聯元素裡面的換行符會被解析為空格。
<span class= 
內聯元素和塊級元素轉換
在內聯元素前後加上一個換行符就能變為塊級元素。我們只需要設定display:inline和display:block就可以進行內聯元素和塊級元素的轉換。