码迷,mamicode.com
首页 > 其他好文 > 详细

基本语法

时间:2017-07-09 14:52:47      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:int   racket   ring   splay   height   反转   span   元素   isp   

flex-direction

flex-direction 顺序指定了弹性子元素在父容器中的位置。

语法

flex-direction: row | row-reverse | column | column-reverse

flex-direction的值有:

  • row:横向从左到右排列(左对齐),默认的排列方式。
  • row-reverse:反转横向排列(右对齐,从后往前排,最后一项排在最前面。
  • column:纵向排列。
  • column-reverse:反转纵向排列,从后往前排,最后一项排在最上面。

以下实例演示了 row-reverse 的使用:

实例

.flex-container { display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; width: 400px; height: 250px; background-color: lightgrey; }

基本语法

标签:int   racket   ring   splay   height   反转   span   元素   isp   

原文地址:http://www.cnblogs.com/dengxinxia/p/7141300.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!