flex-direction用法解释
2024-08-29 09:08:22
语法:
flex-direction:row | row-reverse | column | column-reverse
默认值:row
适用于:flex容器
继承性:无
动画性:否
计算值:指定值
取值:
- row:
- 主轴与行内轴方向作为默认的书写模式。即横向从左到右排列(左对齐)。
- row-reverse:
- 对齐方式与row相反。
- column:
- 主轴与块轴方向作为默认的书写模式。即纵向从上往下排列(顶对齐)。
- column-reverse:
- 对齐方式与column相反。
说明:
该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。这将决定flex需要如何进行排列
- 该属性的反转取值不影响元素的绘制,语音和导航顺序,只改变流动方向。这与 <' writing-mode '> 和 <' direction '> 相同。
- 示例:将一个容器内的子元素反转横向排列
最新文章
- 设置 Unix,Linux环境下的NLS_LANG
- neutron debug
- cpu中断
- C#属性有什么作用
- tty相关内容
- Sicily1153-马的周游问题:启发式搜索
- Swift—计算属性-备
- C# c++ 传递函数指针
- NavigationBar隐藏
- Android学习笔记---前传
- Unity Instantiate各函数执行顺序
- Angular开发技巧
- WinAPI 字符及字符串函数(5): IsCharAlpha - 是否是个字母
- 一个网站SEO优化方案
- 如何把已有SQLSERVER数据库更名而且附加到数据库中?
- Linux常用基本命令:三剑客命令之-awk输入输出分隔符
- The Little Prince-12/15
- python 数据科学
- EM 最大似然概率估计
- 4、Python文件操作工具 xlsxwriter 工具
热门文章
- 【Android开发日记】之入门篇(三)——Android目录结构
- Request的Body只能读取一次解决方法
- 第四步:查看StandardAnalyzer的分词效果并添加停用词
- 关于asp.net中gridview的问题,关于footer,16aspx上下的英语交流网程序,管理员的添加和修改有问题
- Codeforces Round #299 (Div. 2) B. Tavas and SaDDas【DFS/*进制思维/位运算/一个数为幸运数,当且仅当它的每一位要么是4,要么是7 ,求小于等于n的幸运数个数】
- Educational Codeforces Round 33 (Rated for Div. 2) C. Rumor【并查集+贪心/维护集合最小值】
- 用SparkSQL构建用户画像
- POJ1273 Drainage Ditches (网络流)
- IE浏览器Cookie信息提取工具Galleta
- Linux CURL的安装