The Mechanics of Inline Block and Fragmentation
Blink28613 Feb

The Mechanics of Inline Block and Fragmentation

These technical documents describe how Blink’s modern LayoutNG engine manages inline-block elements through a specialized physical fragment tree. Within this system, an inline-block is classified as an atomic inline, meaning it is treated as a single, indivisible unit during line layout while maintaining its own internal formatting context. The engine uses FragmentItems to provide a memory-efficient, flat representation of these elements for faster traversal and rendering. To handle complex scenarios like multi-column layouts or page breaks, Blink employs break tokens to track content continuation across different fragments. This architectural shift ensures that fragmentation is a natural part of the layout process rather than a secondary post-processing step. Ultimately, these resources offer deep insights into the internal C++ classes and data structures that govern modern web rendering.

Episoder(459)

blink::TransformPaintPropertyNode / ClipPaintPropertyNode / EffectPaintPropertyNode / ScrollPaintPropertyNode

blink::TransformPaintPropertyNode / ClipPaintPropertyNode / EffectPaintPropertyNode / ScrollPaintPropertyNode

The paint property trees captured during painting (transform, clip, effect/opacity, scroll offset) that define visual & coordinate‑space state.

21 Sep 202541min

blink::PaintController

blink::PaintController

Records drawing into a DisplayItemList, segmenting it into PaintChunks keyed by property‑tree state. (Output: a PaintArtifact.)

21 Sep 202533min

blink::LayoutView (root of the layout tree)

blink::LayoutView (root of the layout tree)

Computes geometry for boxes when layout is dirty.

21 Sep 202539min

blink::StyleEngine / style resolver

blink::StyleEngine / style resolver

Recalculates computed styles that changed since last frame (if any).

21 Sep 202542min

blink::Page → blink::LocalFrame / LocalFrameView

blink::Page → blink::LocalFrame / LocalFrameView

The document’s frame & viewport; LocalFrameView is the scrollable root that triggers layout/paint when needed. provided source outlines the fundamental components of the Blink rendering engine, specif...

21 Sep 202539min

blink::WebViewImpl

blink::WebViewImpl

The source text provides an in-depth explanation of the blink::WebViewImpl class within Chromium's Blink rendering engine, characterizing it as the central control point on the renderer's main thread ...

20 Sep 202539min

cc::LayerTreeHost in Chromium's Compositor

cc::LayerTreeHost in Chromium's Compositor

The source provides an extensive technical explanation of the cc::LayerTreeHost class, which acts as the central main-thread component in the Chromium compositor architecture. It details how this comp...

20 Sep 202537min

cc:: Scheduler / SchedulerStateMachine

cc:: Scheduler / SchedulerStateMachine

Drives the frame loop on the compositor thread (BeginFrame → Animate → Commit → Draw), deciding when to ask Blink for a new frame or to draw with existing state.

20 Sep 202548min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
teknisk-sett
nasjonal-sikkerhetsmyndighet-nsm
rss-ki-praten
smart-forklart
energi-og-klima
rss-impressions-2
elektropodden
tomprat-med-gunnar-tjomlid
fornybaren
shifter
rss-alt-vi-kan
i-loopen
rss-fjorsilkebris-podcast
rss-alt-som-gar-pa-strom
rss-heis
rss-ai-forklart
rss-polypod
rss-anleggspraten