css中的內聯物件與塊物件 轉

2022-09-16 15:54:21 字數 910 閱讀 8379

css中的內聯物件與塊物件

在用css做頁面的時候,我們總是會想到塊物件和內聯物件,那到底指的是什麼呢?

為什麼說加上float或display:block就是塊物件了呢?

塊物件預設寬度是100%(繼承自父元素),如果沒有採用「float:left/right;」樣式,相鄰的兩個塊物件就會分排在不同的兩行上。

內聯物件的寬度取決於其內部元素的寬度與padding樣式值之和,不可直接指定其寬度與高度(「display:block;」、「float:left/right;」強行轉換後可以定義),相鄰的兩個內聯物件會排在同一行上。

從這兩點就應該可以看出來塊物件和內聯物件兩者的區別,關於為什麼加上float就成為塊物件了,是因為float預設的就是display:block; display:inline是表示內聯物件;display:block表示塊物件。

以下更清楚的告訴你兩者的區別:

什麼是內聯物件,什麼是塊物件?

所有可視的文件物件都是塊物件(block element)或者內聯物件(inline element)。例如, div 是乙個塊物件,span 是乙個內聯物件。

塊物件的特徵是從新的一行開始且能包含其他塊物件和內聯物件。從新的一行開始:比如div就是前後斷行;

內聯物件被呈遞時不會從新行開始,能夠包含其他內聯物件和資料。內聯可以這樣理解:不從新的一行開始,直接從內容裡面,接著往後走。。。是指它能被別的物件內聯。。。。

*************************=

相關資訊參考:css display引數

inline   : css1   內聯物件的預設值。將物件強制作為內聯物件呈遞,從物件中刪除行

改變此屬性值(即:display)對其周圍內容布局的影響可能是:

屬性值設為 none 的物件隱藏並釋放其在文件中的物理空間(頁面物理尺寸大小空間)。

css中的內聯物件,塊物件

內容提要 所有的html元素,都要麼是block 塊元素 要麼是inline 內聯元素 下面了解一下block inline各自的特點 所有的html元素,都要麼是block 塊元素 要麼是inline 內聯元素 下面了解一下block inline各自的特點 block元素的特點 總是在新行上開始...

RTT物件與物件控制塊

rtt的基本操作單位是物件,任何物件都實質是個結構體。但任何物件都是對核心物件的繼承,所有的物件都是核心物件的子孫,像樹的結構一樣。rtt的各物件都有各自的物件控制塊。物件控制塊是物件的載體和體現。也可以說物件指的就是物件控制塊。所有的物件都有乙個祖宗 核心物件基類 struct rt object...

CSS塊級元素與內聯元素

css文件流與塊級元素 block 內聯元素 inline 之前翻閱不少書籍,看過不少文章,看到所多的是零碎的css布局基本知識,比較表面。看過o reilly的 css權威指南 發現裡面提到的文件流概念讓我很敏感。可惡的是書中並沒有解釋文件流是什麼東西,或許作者覺得這個太簡單了以至於不值一提。但我...