HTML 的文件流和文字流分別是什麼?

時間 2021-06-01 16:22:10

1樓:九月

問題中所說的文件流是指「Normal flow」,文字流是指「Text flow」。

具體來說「Normal flow」是css中定位的一種預設情況,平時我們所說的BFC、IFC等都是「Normal flow」的情況下的規則。

英文文件上面解釋的意思,當元素浮動的時候,會先遵循「Normal flow」的規則,然後盡可能的向倆邊靠。所以float並不是會脫離文件流,反而是依賴於文件流。

position中的absolute和fixed的情況下,官方文件解釋說會完全脫離「Normal flow」。

至於文字流,我自己還沒有看到這種解釋的。在「Normal flow」中,BFC規則中,文字會圍繞在浮動元素旁邊。出現了這種現象,可能中國人就自定義了「文字流」這種東西。

總結:表面上看,float脫離了「文件流」,沒有脫離「文字流」;position中的absolute和fixed全部脫離。這種解釋也合情合理,是標準答案。

實際上官方的英文文件是我上面的那種解釋。

2樓:陳威

肯定是脫離文件流啊,用了float和position絕對定位後,你可以理解為元素已經不屬於這個文件了,在它的上一層,也就是不會占用之前的空間,不過float在一些瀏覽器中存在相容性問題,盡量少用。

3樓:張木大原

文件流是相對於盒子模型講的

文字流是相對於文子段落講的

元素浮動之後,會讓它跳出文件流,也就是說當它後面還有元素時,其他元素會無視它所佔據了的區域,直接在它身下布局。但是文字卻會認同浮動元素所佔據的區域,圍繞它布局,也就是沒有拖出文字流。

但是絕對定位後,不僅元素盒子會拖出文件流,文字也會出文字流。那麼後面元素的文字就不會在認同它的區域位置,會直接在它後面布局,不會在環繞。

當然你可以使用 index-z 來讓底部的元素到上面來,類似於乙個圖層的概念

4樓:leeonfield

個人覺得文件流的翻譯容易誤導人,沒看過原版的我竟然拿"document flow"去Google……

原文是"normal flow",不明白為什麼會被翻譯成文件流,也有人叫普通流、正常流,指語言文字從左到右,從上到下顯示,這是傳統HTML文件的文字布局。

浮動(float)、絕對定位(absolute)、固定定位(fixed)三種方式定位會脫離文件流。

需求分析 產品經理寫需求文件需要涉及系統流程和資料流程嗎?

小婧 我個人覺得這個要看團隊。如果開發團隊裡面的人都比較認真負責,自己也比較有想法,流程也比較規範的話,你可以不寫太多的技術細節。但是如果不是這樣,那最好還是寫,否則可能真的會出現掰扯不清楚的情況。我個人覺得,在大部分的情況下,需求分析 產品經理寫一些設計系統流程和資料流程的部分是從業務和需求的角度...

csgo手腕流和手臂流edpi區分的點是多少?

第八顆乾涸心臟 原來跟題主靈敏度差不多800 1.655,我個人感覺是偏手腕的大部分情況都不怎麼用到手臂,發揮特別看狀態。最近回坑因為覺得太快改成1200,現在應該還算在適應階段但是已經感覺手腕壓力小了,算是乙個手臂手腕都用的到的edpi,遊戲裡發揮狀態也相對穩定了,不過這些都是些我個人的東西不一定...

fps遊戲手腕流和手臂流的優勢劣勢都是什麼?

B站der埃里希同志 我自己是拉大栓玩enlisted的 嚴格來說也是fps 在這遊戲只能手臂流,因為手腕流狙擊槍拉不動打不中人不過也玩CSGO 那些是1200DPI 7.0的速度 手腕流點射很穩 掃射拉不動槍 但是手臂流好壓槍點射又點不中人 所以是手臂還是手腕取決於你自己玩啥遊戲 手腕流使用肌肉最...