博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹性盒子
阅读量:5811 次
发布时间:2019-06-18

本文共 551 字,大约阅读时间需要 1 分钟。

1.flex-direction属性:

raw(默认值):主轴为水平方向,起点为左端。

raw-reverse:主轴为水平方向,起点为右端。

column:主轴为垂直方向,起点在上沿。

column-reverse:主轴为垂直方向,起点在下沿。

2.flex-wrap属性:

nowrap(默认值):不换行(强行挤压,平均分配宽度)

wrap:换行 ,第一行在上方(从上往下依次排列)

wrap-reverse:

3.flex-flow属性是:flex-direction和flex-wrap简写形式。

4.justify-content属性:

flex-start:(默认值):左对齐

flex-end:右对齐

center:居中

space-between:两端对齐,项目之间间隔都相等。

space-around:每个项目两侧的间隔相等,所以,项目之间的间隔比项目与边框间隔大一倍。

5.align-items属性:

flex-start:交叉轴的起点对齐。

flex-end:交叉轴的终点对齐。

center:交叉轴的中点对齐。

baseline:所有文字相对于同一基线对齐。

 

转载于:https://www.cnblogs.com/SummerBreezeYHC/p/7118569.html

你可能感兴趣的文章
【shadow dom入UI】web components思想如何应用于实际项目
查看>>
质检总局-版权局
查看>>
多条查询sql语句返回多表数据集
查看>>
系列文章--C#即时通讯开发
查看>>
[转]Android中dp,px,sp概念梳理以及如何做到屏幕适配
查看>>
MySQL 触发器
查看>>
JS学习随笔
查看>>
JavaScript一些函数
查看>>
国务院关于积极推进“互联网+”行动的指导意见
查看>>
android学习笔记---63-PopupWindow,泡泡窗口的实现
查看>>
VC++ 标准C++中的string类的用法总结
查看>>
Matrix Factorization, Algorithms, Applications, and Avaliable packages
查看>>
图像配准转换
查看>>
mysql-This version of MySQL doesn’t yet support ‘LIMIT & IN/ALL/ANY/SOME 错误解决
查看>>
BIEE Demo(RPD创建 + 分析 +仪表盘 )
查看>>
Cocos2dx 3.0开发环境的搭建--Eclipse建立在Android工程
查看>>
iOS人脸识别核心代码(备用)
查看>>
基本概念复习
查看>>
C++:成员运算符重载函数和友元运算符重载函数的比较
查看>>
[Polymer] Introduction
查看>>