对于交叉轴的一些解析和认识

交叉轴：主轴垂直方向，默认垂直起点上面
设置元素在交叉轴上的对齐方式
flex-start 默认值交叉轴起点
flex-end 交叉轴末端
center 居中
baseline 文本内容基线对齐(文本对齐)
stretch 子元素不设置高度，拉伸子元素高度到父元素内容高度

</div><style>.wraper {width: 400px;height: 500px;border: 3px solid red;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-items: flex-start;align-items: flex-end;align-items: stretch;/* align-items: baseline; *//* 文字基线对齐*/}.box {box-sizing: border-box;width: 100px;height: 100px;border: 2px solid black;}.pad {padding-top: 30px;padding-left: 15px;margin-left: -15px;}
</style>

对于交叉轴的一些解析和认识相关推荐

通过调试微信小程序示例代码解析flex布局参数功能(一)
通过调试微信小程序示例代码解析flex布局参数功能官方示例小程序源代码下载地址:https://github.com/wechat-miniprogram/miniprogram-demo 通过调试 ...
前端面试题全面整理-带解析
本篇文章整理总结这些前端面试题,涵盖面很广,并且面的都是知名大厂,所以这些题还是很有代表性的,都掌握以后一面基础面应该没什么问题,二面也能应付大半,奉上: css相关 1. 万能居中 1.margin ...
前端面试题全面整理-带解析涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node...
来源 | https://www.html.cn/interview/13950.html 本篇文章整理总结了一些前端面试题,涵盖面很广,并且面的都是知名大厂,所以这些题还是很有代表性的,都掌握以后一 ...
golang通过RSA算法生成token，go从配置文件中注入密钥文件，go从文件中读取密钥文件，go RSA算法下token生成与解析；go java token共用
RSA算法 token生成与解析本文演示两种方式,一种是把密钥文件放在配置文件中,一种是把密钥文件本身放入项目或者容器中. 下面两种的区别在于私钥公钥的初始化, init方法,需要哪种取哪种. 通过 ...
List元素互换，List元素转换下标，Java Collections.swap()方法实例解析
Java Collections.swap()方法解析 jdk源码: public static void swap(List<?> list, int i, int j) {// ins ...
条形码？二维码？生成、解析都在这里！
二维码生成与解析一.生成二维码二.解析二维码三.生成一维码四.全部的代码五.pom依赖直接上代码: 一.生成二维码 public class demo {private static fi ...
Go 学习笔记（82）— Go 第三方库之 viper（解析配置文件、热更新配置文件）
1. viper 特点 viper 是一个完整的 Go应用程序的配置解决方案,它被设计为在应用程序中工作,并能处理所有类型的配置需求和格式.支持特性功能如下: 设置默认值读取 JSON.TOML.Y ...
Go 学习笔记（77）— Go 第三方库之 cronexpr（解析 crontab 表达式，定时任务）
cronexpr 支持的比 Linux 自身的 crontab 更详细,可以精确到秒级别. 1. 实现方式 cronexpr 表达式从前到后的顺序如下所示: 字段类型是否为必须字段允许的值允 ...
mybatis配置文件解析
mybatis配置文件解析 mybatis核心配置文件`mybatis-config.xml文件. mybatis的配置文件包含了会深深影响mybatis行为的设置和属性信息. 能配置的内容: con ...

对于交叉轴的一些解析和认识

对于交叉轴的一些解析和认识相关推荐

最新文章

热门文章