textual/docs/styles/max_width.md

Max-width

The max-width rule sets a maximum width for a widget.

Syntax

max-width: <SCALAR>;

CSS

/* Set a maximum width of 10 cells */
max-width: 10;

/* Set a maximum width of 25% of the screen width */
max-width: 25vh;

Python

# Set the maximum width to 10 cells
widget.styles.max_width = 10

# Set the maximum width to 25% of the screen width
widget.styles.max_width = "25vw"