成都网站建设设计

将想法与焦点和您一起共享

css中的flex-direction属性怎么用

这篇文章主要介绍css中的flex-direction属性怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、成都网站设计、白山网络推广、重庆小程序开发、白山网络营销、白山企业策划、白山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供白山建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

cssflex-direction属性怎么用?

定义和用法

flex-direction属性规定灵活项目的方向。

注意:如果元素不是弹性盒对象的元素,则flex-direction属性不起作用。

默认值:row

继承:否

可动画化:否。

版本:CSS3

JavaScript语法:

object.style.flexDirection="column-reverse"

CSS语法

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

属性值

row默认值。灵活的项目将水平显示,正如一个行一样。

row-reverse与row相同,但是以相反的顺序。

column灵活的项目将垂直显示,正如一个列一样。

column-reverse与column相同,但是以相反的顺序。

initial设置该属性为它的默认值。

inherit从父元素继承该属性。
 

实例

设置

元素内弹性盒元素的方向为相反的顺序:

A

B

C

D

E

F

以上是“css中的flex-direction属性怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站标题:css中的flex-direction属性怎么用
文章来源:http://chengdu.cdxwcx.cn/article/iededh.html

其他资讯