弹性布局（display:flex;）属性详解
2023-06-29 09:08
HTML5
SQL Server
Oracle
MySQL
PostgreSQL
NoSQL
大数据
其他数据库
Windows
Windows Server
Linux
macOS
嵌入式
APACHE
NGINX
redis
Docker
git
互联网
tomcat
Html/Css
JavaScript
jQuery
HTML5
Angular
React
Vue
小程序
架构设计
面向对象
设计模式
领域驱动设计
Android开发
iOS开发
Flutter
鸿蒙
其他手机开发
敏捷开发
项目与团队管理
软件工程其他
.NET
Java
Python
Go
PHP
C++
Ruby
Swift
C语言
Erlang
Delphi
Scala
R语言
Verilog
Dart
Rust
其他语言
asp
nodejs
读书区
翻译区
求职面试
计算机图形学
软件测试
菜谱
SEO技术
摄影
生活技巧
162
0
0
0
标题录入
封面图
1. flex-direction：决定主轴的方向（即项目的排列方向），row（默认值）：主轴为水平方向，起点在左端；row-reverse：主轴为水平方向，起点在右端；column：主轴为垂直方向，起点在上沿；column-reverse：主轴为垂直方向，起点在下沿。 2. flex-wrap：定义如何换行，默认值是nowrap，不换行；wrap换行，第一行在上方；wrap-reverse换行，第一行在下方。 3. flex-flow：flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。 4. justify-content：定义项目在主轴上的对齐方式，可选值有flex-start、flex-end、center、space-between、space-around。 5. align-items：定义项目在交叉轴上如何对齐，可选值有flex-start、flex-end、center、baseline、stretch。 6. align-content：定义多根轴线的对齐方式，可选值有flex-start、flex-end、center、space-between、space-around、stretch。 7. order：定义项目的排列顺序，数值越小，排列越靠前，默认为0。 8. flex-grow：定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 9. flex-shrink：定义项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 10. flex-basis：定义在分配多余空间之前，项目占据的主轴空间（main size），浏览器根据这个属性，计算主轴是否有多余空间。其默认值为auto，即项目的本来大小。 11. align-self：允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
上一篇：
什么是 HTML5？
下一篇：
H5怎么调起数字键盘？手写移动端键盘代码
标题录入，一次不能超过6条
灵感和创意的闪现
T:0.008690s,M:156.91 KB
返回顶部
留言
留言
评论