什么是html文檔流
作者：佚名 時間：2012-10-22 分享到：
html元素可分為兩大類;內聯元素和塊級元素.二者在顯示方式上是不同的.
內聯元素是在水平方向上一個攔一個排列的,元素前后不產生換行,元素間的水平間距可以通過水平方向上的填充,邊框和間距來控制,覺的strong,span等就屬于內聯元素,需要注意的是,豎直方向上的填充,邊框和間距對控制內聯元素的高度是不起作用的,水平方向的一行將構成一個所謂的line box,這是一個邏輯上的概念,line box是一個虛擬的矩形區域,包含了組成這行的所有內聯元素,其高度本行內所有內聯元素內容完全顯示出來,盡管瀏覽器自動計算內聯元素高度,我們還是可以通過設置line-height屬性的值來改變元素的高度.
塊級元素是在豎址方向上一個接一排列的,元素前后均產生換行,豎直方向上元素之間的距離可以用上下邊距來控制,注意豎直方向的邊距會產生重疊,其間距值取相鄰元素中邊距較大的那一個,常見p,div等都是塊級元素,這些元素的內容都 是以塊的形式顯示在瀏覽器中,
內聯元素和塊級元素各自遵循著不同的顯示方式,這就構成了html的文檔流,文檔的內容被比喻為流,文檔中的元素可以隨波流,也可以脫離流,漂浮在其上,如果你沒有為元素設定附加css屬性,那么元素將按照它在html代碼中出現的順序一個挨著一地排列.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1176.html
