(css2.1標準中沒有 明確提出,在最新的 css display module level 3 中提出了,雖然是草案,但其中的思想與前者一脈相承)
display屬性定義了乙個元素的顯示型別,它包含元素如何生成盒的兩個基本特徵:
內部顯示型別 inner display type
它定義(如果它是乙個非替換元素)生成的格式化上下文的型別,指示如何布局它的後代。 (替換元素的內部顯示不在css範圍內)即指定元素的內部顯示型別,定義其內容的格式上下文的型別。
display:inline = display:inline flow
否則,它會生成乙個
塊容器盒( block container box )
display:block = display:block flow
flow-root
該元生成乙個塊容器盒( block container box ),並使用流布局來布局其內容。它總是為其內容建立乙個新的塊格式上下文。
display:inline-block = display:inline flow-root
table
該元素生成乙個主**包裝盒(table container box),它建立乙個塊格式化上下文,幷包含乙個額外生成的**框,用於建立乙個**格式化上下文。
display:table = display:block table;
display:inline-table = display:inline table;
flex(css3)
該元素生成乙個主flex包裝盒(flex container box),它建立乙個flex格式化上下文。
display:flex = display:block flex;
display:inline-flex = display:inline flex;
grid(css3)
該元素生成乙個主grid包裝盒(flex container box),它建立乙個grid格式化上下文。
display:grid = display:block grid;
display:inline-grid = display:inline grid;
css中很多盒的位置和大小都是根據其包含塊的矩形框進行計算。一般把生成的盒作為後代盒的包含塊。
原文發布時間為:2023年02月10日
雕刻零碎
C 異常規範
1 異常規範 exception specification 是指 提供了一種方案,可以隨著函式宣告列出該函式可能丟擲的異常,並保證該函式不會丟擲任何其他型別的異常。例如,在stack類定義中可有 void push const t data throw pushonfull t pop throw...
C 異常規範
1 異常規範 exception specification 是指 提供了一種方案,可以隨著函式宣告列出該函式可能丟擲的異常,並保證該函式不會丟擲任何其他型別的異常。例如,在stack類定義中可有 void push const t data throw pushonfull t pop throw...
Css規範整理 2 css 盒模型
盒基本的模型就是 裡面 和 外面,界定它的就是四條邊。css 盒模型的表現,有以下的規則 每個盒都有一塊 內容區 content area 和周圍可選的padding,border和margin區域,每塊區域的尺寸通過下面定義的屬性指定。margin,border和padding可以分為上,右,下和...