前端基礎---文件流中的塊與內聯元素
阿新 • • 發佈:2021-07-01
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 文件流 文件流處在網頁的最底層,他表示的是一個頁面中的位置 我們所建立的元素都處在文件流中 元素在文件流中的特點 塊元素 1. 塊元素在文件流中會獨佔一行,塊元素會自上向下排列 2. 塊元素在文件流中預設寬度是父元素寬度的100% 3. 塊元素在文件流中的高度預設被子元素內容撐開 內聯元素 1. 內聯元素在文件流中只佔自身的大小,會預設自左向右排列 如果一行中不足以容納所有內聯元素,則換下一行 繼續自左向右 2. 在文件流中,內聯元素的寬度和高度預設都被內容撐開--> <!-- 當元素的高度或寬度的值為auto時,此時指定內邊距不會影響可見框的大小 而是會自動修改寬度和高度,以適應內邊距 --> </body> </html>