Summary of flex-direction function definition and usage

Instance setting: The direction of the flexible box elements within the <p> element is in reverse order: p { display:flex; flex-direction:row-reverse; }The number in the effect preview browser support table indicates the version number of the first browser that supports this attribute. The number immediately following -webkit-, -ms- or -moz- indicates the first version that supports that prefixed attribute. Property flex-direction29.021.0 -webkit-11.010.0 -ms-28.018.0 -moz-9.06.1 -webkit-17.0 Definition and Usage The flex-direction property specifies the direction of a flexible item. Note: The flex-direction property has no effect if the element is not an element of a flexbox object. Default: row inheritance: No Animatable: No. Please refer to SS3 animation properties

1. Flexible flexible box model CSS flex-direction property

Introduction: This article introduces the CSS flex-direction property of the Flexible flexible box model

[Related Q&A recommendations]:

css - How to use flex to implement a three-column layout, but the height of the child elements must be adaptive?

The above is the detailed content of Summary of flex-direction function definition and usage. For more information, please follow other related articles on the PHP Chinese website!