1. 程式人生 > >13-標準文檔流

13-標準文檔流

頁面 .html 讓我 是個 文檔流 空格 tps 一個 瀏覽器

【轉】13-標準文檔流

什麽是標準文檔流

宏觀的將,我們的web頁面和ps等設計軟件有本質的區別,web 網頁的制作,是個“流”,從上而下 ,像 “織毛衣”。而設計軟件 ,想往哪裏畫東西,就去哪裏畫

標準文檔流下 有哪些微觀現象?

1.空白折疊現象

多個空格會被合並成一個空格顯示到瀏覽器頁面中。img標簽換行寫。會發現每張圖片之間有間隙,如果在一行內寫img標簽,就解決了這個問題,但是我們不會這樣去寫我們的html結構。這種現象稱為空白折疊現象。

2.高矮不齊,底邊對齊

文字還有圖片大小不一,都會讓我們頁面的元素出現高矮不齊的現象,但是在瀏覽器查看我們的頁面總會發現底邊對齊

3.自動換行,一行寫不滿,換行寫

如果在一行內寫文字,文字過多,那麽瀏覽器會自動換行去顯示我們的文字。

13-標準文檔流