这个布局不光在小程序里可以用，和 html css 里的是一样的。是一种方便的布局方式。
主要记住常用的几个：
前面可以指定高度或者宽度
display: flex;
使用 flex 布局
flex-direction: row;
在水平方向从左至右上排列（规定主轴的方向为）
还有 column、row-reverse 等
justify-content: space-around;
元素在主轴方向上的对齐方式（规定副轴方向）
还有 flex-start 、center、space-around、space-between（左右排列） 等
align-items: center;
弹性盒子元素在副轴方向上的对齐方式。
这有一个比较完整的 flexbox 的博客可以参考。
说的有点绕下面给个示例：
示例
今天主要学习了flex布局，学习笔记如下： 1.指定flex布局： display：flex(任意容器)...
Flex布局 flex布局可以实现空间自动分配自动对齐，适用于简单的线性布局。 flex基本概念 flex con...
教程：Flexbox 布局的最简单表单Flex 布局教程：语法篇Flex 布局教程：实例篇 父元素为 flex 布...
内容参考pink老师笔记。 一、flex布局原理 flex 是 flexible Box 的缩写，意为“弹性布局”...
CSS flex布局学习笔记 flex简介 flex用于为容器内的子元素设置布局。当一个元素的display属性设...
Flex 布局可以实现空间自动分配、自动对齐Flex 适用于简单的线性布局，复杂布局使用 Grid 布局注意：设为...
Flex布局 瞎扯 Flex布局比 div + css 更简单粗暴, 更容易实现我们想要的布局.常规的 ,左侧固定...
父组件为father，子组件为son，拥有的属性值如下
这个布局不光在小程序里可以用，和 html css 里的是一样的。是一种方便的布局方式。主要记住常用的几个： 这有...
1. flex实现骰子5点布局（答案不唯一） 简单的思路：1.flex布局横向排列，flex-flow:wrap ...
本文标题：flex 布局简单笔记
本文链接：https://www.haomeiwen.com/subject/cesafltx.html
网友评论