Css規範整理 3 1 常規流布局 核心思想

2021-09-20 09:14:55 字數 1368 閱讀 1089

(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可以分為上,右,下和...