(1).空白摺疊現象。
例如
想讓這兩張中間沒有間隙,那麼在**的表現上也必須挨在一起。如果在兩個的**中間加入連續的空格,也會被摺疊成乙個。
(2).高矮不齊,底邊對齊。
這個例子裡面可以看出來,不管文字的大小有的多大,的大小有多大,都是底邊對齊的。
(3).會自動換行。
標準文件流裡面的元素等級
分為行內元素和塊元素
1.行內元素
行內元素不能設定寬高,元素的高度由內容決定。
現在用的最多的就是無意義的span。
2.塊元素
塊元素自己獨佔一行。
塊元素可以設定寬高。
如果不給塊元素設定寬度,那麼它的寬度是父容器的寬度。
如果不設定高度,那麼它的的高度預設為包裹的內容,也就是由子元素來撐起。
常見的塊級元素有:div,p,hn,ul,li等等。
塊元素和行內元素的轉化
可以通過display屬性來相互轉化。
比如對div進行操作。
div
這時div就變成了行內元素,與此同時,它也將不能設定寬高,所以這裡的寬高是沒意義的。
對span進行操作。
span
浮動以及清除浮動問題 標準文件流
1.浮動 浮動能使盒子脫離標準文件流 四大特性 1,浮動的元素脫標 2.浮動的元素互相貼靠 3.浮動的元素有 字圍 效果 是文字圍繞著浮動盒子顯示 4.收縮的效果 將塊級元素轉化成行內 大家一定要謹記 關於浮動,我們初期一定要遵循乙個原則,永遠不是乙個盒子單獨浮動,要浮動就要一起浮動,另外有浮動一定...
HTML頁面中的文件流以及脫離文件流
一 文件流 在我們生活中,有各種各樣的 流 有電流 水流等,就像水流從高處往低處流一樣,我們可以把文件流想象成html元素在瀏覽器上 流動 瀏覽器的頂端就是河流的源頭,瀏覽器的底部就是河流的盡頭。如下圖 而所謂的文件流 normal flow,也被稱為 普通流 指的是就是元素排版布局過程中,元素會自...
html中的文件流
那麼所謂的文件流 normal flow,也被稱為 普通流 指的是就是元素排版布局過程中,元素會自動從左往右,從上往下地遵守這種流式排列方式。當瀏覽器渲染html文件時,從頂部開始開始渲染,為元素分配所需要的空間,每乙個塊級元素單獨佔一行,行內元素則按照順序被水平渲染直到在當前行遇到了邊界,然後換到...