CSS flex-direction property of Flexible flexible box model

Example

Set the direction of the flexbox elements within the <p> element to the reverse order:

p
{
display:flex;
flex-direction:row-reverse;
}

Effect preview

Browser support

The number in the table indicates the first browser that supports the attribute The version number of the server.

The number immediately following -webkit-, -ms- or -moz- is the first version that supports this prefix attribute.

Definition and Usage

The flex-direction property specifies the direction of the flexible item.

Note: If the element is not an element of the flexbox object, the flex-direction property has no effect.

CSS 语法

flex-direction: row|row-reverse|column|column-reverse|initial|inherit;

Attribute value

The above is the detailed content of CSS flex-direction property of Flexible flexible box model. For more information, please follow other related articles on the PHP Chinese website!