记录Flex布局的属性
2024-09-06 08:19:01
容器属性
flex-dirextion(主轴的方向):
>>row(水平) | row-reverse(水平取反) | column(垂直) | column-reverse(垂直取反)
flex-warp(是否换行):
>>nowrap(默认-不换行) | wrap(换行) | wrap-reverse(换行取反)
flex-flow(主轴的方向 + 是否换行):<flex-direction> <flex-wrap>
justify-content(主轴上的水平对齐方式):
>>flex-start(左边对齐) | flex-end(右边对齐) | centent (居中) | space-between(两端对齐)| space-around(间隔相等)
align-items(主轴上的垂直对齐方式):
>>flex-start(上边对齐) | flex-end(下边对齐) | centent (居中) | baseline(第一行文字对齐)| stretch(auto占满高度)
align-centent(多轴对齐方式):
>>flex-start(上边对齐) | flex-end(下边对齐) | centent (居中) | space-between(两端对齐)| space-around(间隔相等)
项目属性
order(排列顺序):默认0(数值越小越靠前)| <length>
flex-grow(放大比例):默认<0> | <length>
flex-shrink(缩小比例):默认<1> | <length>
flex-basis(固定空间): auto | <length>
align-self(对齐方式):
>>auto | flex-start(上边对齐) | flex-end(下边对齐) | centent (居中) | baseline(第一行文字对齐)| stretch(auto占满高度)
最新文章
- GitHub for Windows 內建 Git Shell 執行時顏色所代表的意義
- Python中输出格式化的字符串
- Java集合——ConcurrentHashMap
- 设计模式之美:Role Object(角色对象)
- 【POJ 1228】Grandpa&#39;s Estate 凸包
- VMP虚拟机加壳的原理学习
- E - Power Strings,求最小周期串
- android studio 完整安装教程,已完全实践过
- linux的终端,网络虚拟终端,伪终端(转)
- K - Candies(最短路+差分约束)
- Mybatis【一对多、多对一、多对多】知识要点
- 微软是如何重写C#编译器并使它开源的
- @ControllerAdvice详解
- PC/FORTH 变量|常数|数组
- 栈和堆(Stack &;&; Heap)
- 学习笔记:ALTERing a Huge MySQL Table - 对一个超大表做alter调整
- 剑指offer62:二插搜索树的第k个节点
- java基础-Integer类常用方法介绍
- 利用kage把msf变成可视化远控平台
- 洛谷 P1401 城市(二分+网络流)
热门文章
- Mac版Sourcetree的安装使用
- 【Android】Android多渠道打包--Gradle打包
- CSP2019 S2滚粗记
- 你想了解的「SpringCloud」都在这里
- 【C#】C#获取本地的内网(局域网)和外网(公网)IP地址的方法
- 【STM32H7教程】第28章 STM32H7时间关键代码在ITCM执行的超简单方法
- SpringBoot系列之配置文件占位符使用
- Seven Kinds of Testers - 七种类型的测试
- C#使用Emgu CV来进行图片人脸检测
- C# 同步转异步 AutoResetEvent