Flex简记
2024-09-01 16:23:27
display的flex属性的使用对象分为1、容器即包含有元素的元素，2、项目，即某一个元素。就容器而言，flex可以实现换行（flex-wrap），改变容器内元素的排列方向（flex-direction：roe, colum,fle-end(start))（注：一旦改变排列方向，主轴方向也会随之改变。）以及排列顺序（正序排列还是反序reverse）。在一根主轴上的元素还可以实现对齐方式（justify-content：space-between（两端对齐）、space-around（两端对齐）、space-evenly（若有剩余空间，元素会平均分配），若换行则需要进行垂直方向的对齐方式：align-content，若没有换行，使用align-items进行垂直方向的排列方式（flex-end、start，还是center居中）。flex使布局更为好看，简便，避免浮动。用于项目即单个元素，实现缩放排序等。
最新文章
- mysqldump: Error: Binlogging on server not active
- HTML5新增标签及具体用法
- VBA_Excel_教程：字典类型
- 【nginx】常见的陷阱和错误
- TCP之心跳包实现思路
- 双操作系统Grub 引导修护
- Codeforces 86C Genetic engineering（AC自动机+DP）
- Entity Framework with MySQL 学习笔记一(拦截)
- web.xmlf多ilter在执行顺序
- SpringData系列二 Repository接口
- 【菜鸟入门】安装配置eclipse 并编写运行第一个Java程序
- 用 Identity Server 4 (JWKS 端点和 RS256 算法) 来保护 Python web api
- JVM 学习（一）反射、垃圾回收、异常处理--- 2019年4月
- Vue.js简单的状态管理和 Vuex的几个核心概念使用。
- Java中for循环中的的try-catch
- dbc file
- 手机浏览器跳转APP
- C# delegate (1)
- "\\s+"的使用
- CRT和EXCRT简单学习笔记