看完絕對懂的IFC

2021-08-22 10:19:19 字數 761 閱讀 1144

ifc(inline formatting context):行內格式化上下文。

與塊級元素形成對比,當元素的 css 屬性 display 的計算值為 inline,inline-block,inline-table,inline-flex 或 inline-grid 時,它是行內級元素。視覺上它將內容與其它行內級元素排列為一行,直到該行被佔滿然後換行。典型的如段落內容,文字或,都是行內級元素。

行內級元素生成行內級盒,參與行內格式化上下文(inline formatting context),被渲染為水平排列, 直到當行被佔滿然後換行。

行內級盒分為行內盒(inline boxes)和原子行內級盒(atomic inline-level boxes)。前者由非置換元素且 display 值為 inline 的元素生成;後者由行內級置換元素,或 display 值為 inline-block, inline-table, inline-flex, inline-grid 的元素生成。

當塊容器盒(block container box)不包括任何塊級盒(block-level boxes)時,就會建立乙個行內格式化上下文(ifc)。

ifc 中的行內級盒將會按照如下規則進行渲染(規則有點多,大概主要點就是行盒,折行機制,水平對齊方式,垂直高度及垂直對齊方式):

注:在 ifc 的環境中,是不能存在塊級元素的,如果將塊級元素插入到 ifc 中,那麼此 ifc 將會被破壞掉變成 bfc,而塊級元素前的元素或文字和塊級元素後的元素或文字將會各自自動產生乙個匿名塊盒其包圍。

PHP佇列的實現,看完秒懂

佇列是一種特殊的線性表,它只允許在表的前端,可以稱之為front,進行刪除操作 而在表的後端,可以稱之為rear進行插入操作。佇列和堆疊一樣,是一種操作受限制的線性表,和堆疊不同之處在於 佇列是遵循 先進先出 原則,而堆疊遵循的是 先進後出 原則。佇列進行插入操作的端稱為隊尾,進行刪除操作的稱為隊頭...

看完就懂 C 的命名空間

命名空間是用來組織和重用 的編譯單元。namespace 名字空間 是為了解決命名衝突的問題而引入的概念。通過使用 namespace 就是 使用的範圍 你所使用的庫函式或變數就是在該名字空間中定義的,這樣一來就不會引起不必要的衝突了。c 標準程式庫中的所有識別符號都被定義於乙個名為std stan...

redis基礎大全,看完必懂

檢查是否連線成功 ping 如果返回值為pong 鏈結成功 否則失敗 存放資料 set key value 例如 set name li 取出資料 get key 例如 get key 注意 乙個name只能對應乙個值 redis共有16張表 資料庫表的切換 select index 從第0張開始到...