Results for “compute”
Small, practical examples. Search by task or narrow things down below.
Align flex items at the main-axis end
CSS: Flex-end uses the trailing edge of the flex container for packing.
CSS✓ Tested
Align inline text in its container
CSS: Learn how to align inline text in its container in a complete browser example.
CSS✓ Tested
Align inline text to the container’s end edge
CSS: Text-align end follows the writing direction rather than always choosing the right edge.
CSS✓ Tested
Allow a long flex child to shrink inside its container
CSS: Min-width zero removes the default content-size floor so local overflow handling can take effect.
CSS✓ Tested
Allow long content to scroll
CSS: Learn how to allow long content to scroll in a complete browser example.
CSS✓ Tested
Allow pointer input to pass through a decorative overlay
CSS: Pointer-events none excludes the overlay from ordinary pointer hit testing.
CSS✓ Tested
Alternate row backgrounds with a structural selector
CSS: Nth-child counts sibling positions starting at one.
CSS✓ Tested
Apply a rule at a viewport breakpoint
CSS: Learn how to apply a rule at a viewport breakpoint in a complete browser example.
CSS✓ Tested
Apply an enhancement only when a feature is supported
CSS: A supports rule preserves the baseline outside browsers that understand the selected declaration.
CSS✓ Tested
Arrange children with flexbox
CSS: Learn how to arrange children with flexbox in a complete browser example.
CSS✓ Tested
Cap a box’s width
CSS: Max-width constrains an otherwise larger declared width.
CSS✓ Tested
Center a fixed-size absolute child with auto margins
CSS: An all-zero inset plus auto margins distributes the available space around the child.
CSS✓ Tested