Home  >  Article  >  Web Front-end  >  Summary of flex-direction function definition and usage

Summary of flex-direction function definition and usage

巴扎黑
巴扎黑Original
2017-06-12 14:15:332282browse

Instance setting: The direction of the flexible box elements within the

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

Summary of flex-direction function definition and usage

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn