Display

Define the layout behavior of a node.

The display property determines the inner layout algorithm used for a node's children.

Values

ValueDescription
FlexUse the Flexbox algorithm. Children are laid out in rows or columns.
GridUse the CSS Grid algorithm. Children are laid out in a 2D grid.
BlockUse the Block algorithm. (Currently limited support in Taffy, often behaves like a specific Flex config).
NoneThe node is removed from the layout. It takes up zero space and is skipped.

Example

Loading Preview…

Next Steps

© 2026 ByteLand Technology Limited